Caroussel

fdawch Messages postés 51 Date d'inscription Statut Membre Dernière intervention -
yg_be Messages postés 23541 Date d'inscription Statut Contributeur Dernière intervention - 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>

Afficher la suite

6 réponses

Réponse 1 / 6

yg_be Messages postés 23541 Date d'inscription Statut Contributeur Dernière intervention Ambassadeur 1 584

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

Réponse 2 / 6

fdawch Messages postés 51 Date d'inscription Statut Membre Dernière intervention 1

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 23541 Date d'inscription Statut Contributeur Dernière intervention Ambassadeur 1 584

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 Statut Membre Dernière intervention 1

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 23541 Date d'inscription Statut Contributeur Dernière intervention 1 584

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 Statut Membre Dernière intervention 1

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 23541 Date d'inscription Statut Contributeur Dernière intervention 1 584

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 Statut Membre Dernière intervention 1

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

yg_be Messages postés 23541 Date d'inscription Statut Contributeur Dernière intervention 1 584

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.

Votre réponse