Caroussel

Fermé

fdawch Messages postés 51 Date d'inscription mardi 2 septembre 2014 Statut Membre Dernière intervention 1 mai 2018 - 16 juil. 2017 à 20:39
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 - 17 juil. 2017 à 14:50

Bonjour mes amis
SVP j'ai rencontrer un probleme dans mon code.
le code html est parfait mais quand j’applique php ça marche pas.
je veux une solution SVP
Cordialement

Voila le code html :

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    
    <div class="carousel-inner" style="height: 380px">
      <div class="item active">
        <img src="images/banner-01.jpg" alt="Los Angeles" style="width:100%;">
      </div>

      <div class="item">
        <img src="images/banner-02.jpg" alt="Chicago" style="width:100%;">
      </div>
    
      <div class="item">
        <img src="images/banner-03.jpg" alt="New york" style="width:100%;">
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

</body>
</html>

Code PHP :

<?php @session_start();
$cnx = @mysql_connect( "localhost", "root", "" );
$db= @mysql_select_db( "cneree" );
$sql = "SELECT * FROM actualitesrecentes ORDER BY id_actualites DESC LIMIT 3";
$requete = @mysql_query( $sql, $cnx ) or die( "ERREUR MYSQL numéro: ".mysql_errno()."<br>Type de cette erreur: ".mysql_error()."<br>\n" );
?>


<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    
    <div class="carousel-inner" style="height: 380px">
<?php
while( $result = mysql_fetch_array( $requete ) )
{
?>  
      <div class="item active">
        <?php echo '<div align=\"center\"><img src="gestion/upload/' .$result["image"].'"></div>';?>
      </div>
<?php } ?>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

</body>
</html>

6 réponses

Réponse 1 / 6

yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
16 juil. 2017 à 21:13

bonsoir, "ça marche pas": peux-tu nous en dire plus?

Réponse 2 / 6

fdawch Messages postés 51 Date d'inscription mardi 2 septembre 2014 Statut Membre Dernière intervention 1 mai 2018 1
16 juil. 2017 à 21:28

le code carrousel marche très bien sans php vous pouvez le testé, mais quand j'ajouter le php il s'affiche des images static ne bouge pas

Réponse 3 / 6

yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
16 juil. 2017 à 21:44

bonsoir,
- peux-tu comparer le code source html obtenu quand tu appelles ta page php à ton code html ?
- peux-tu publier les différences?
- peux-tu donner les noms de tes fichiers, cela facilitera la communication?

Réponse 4 / 6

fdawch Messages postés 51 Date d'inscription mardi 2 septembre 2014 Statut Membre Dernière intervention 1 mai 2018 1
16 juil. 2017 à 23:30

Bonsoir
j'ai une seule page, j'ai pas d’autre fichier.
tous le code j'ai déjà publier vous pouvez le tester
merci

yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
17 juil. 2017 à 08:52

quand tu utilises la page php, ton navigateur affiche une réponse (html). peux-tu obtenir le code source html de cette réponse (souvent, en cliquant avec le bouton de droite dans la page, et en choisissant "code source")? c'est ce code que je te demande d'analyser et de partager.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

fdawch Messages postés 51 Date d'inscription mardi 2 septembre 2014 Statut Membre Dernière intervention 1 mai 2018 1
17 juil. 2017 à 12:47

https://img-19.ccm2.net/lAtzJc3kD-ovIww1_ukugg6YcM8=/6b7e2a312b154bb9aed8083e09898560/ccm-ugc/code-source.JPG

Bonjour
Voila le code source de la page
Merci

yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
17 juil. 2017 à 13:01

bien, tu progresses. peux-tu maintenant comparer ce code source à ton code html?
je pense que tu dois maintenant adapter ton code php pour éliminer les différences.
la prochaine fois, peux-tu partager le texte du code source de la page, plutôt que l'image?

Réponse 6 / 6

fdawch Messages postés 51 Date d'inscription mardi 2 septembre 2014 Statut Membre Dernière intervention 1 mai 2018 1
17 juil. 2017 à 13:46

le code php est déjà adapté, j'ai pas bien compris ta réponse
Merci

yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
17 juil. 2017 à 14:50

as-tu remarqué que le code html généré par ton code php est différent de ton code html?
comme tu dis que l'un fonctionne bien et l'autre pas, cela me semble logique de supprimer ces différences.

Discussions similaires

Faire une caroussel avec bootstrap

Discussions similaires

Newsletters