Caroussel

fdawch Messages postés 58 Statut Membre -  
yg_be Messages postés 24281 Statut Contributeur -
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 24281 Statut Contributeur Ambassadeur 1 584
 
bonsoir, "ça marche pas": peux-tu nous en dire plus?
0
Réponse 2 / 6
fdawch Messages postés 58 Statut Membre 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
0
Réponse 3 / 6
yg_be Messages postés 24281 Statut Contributeur 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?
0
Réponse 4 / 6
fdawch Messages postés 58 Statut Membre 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
0
yg_be Messages postés 24281 Statut Contributeur 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.
0

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

Posez votre question
Réponse 5 / 6
fdawch Messages postés 58 Statut Membre 1
 
https://img-19.ccm2.net/lAtzJc3kD-ovIww1_ukugg6YcM8=/6b7e2a312b154bb9aed8083e09898560/ccm-ugc/code-source.JPG

Bonjour
Voila le code source de la page
Merci
0
yg_be Messages postés 24281 Statut Contributeur 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?
0
Réponse 6 / 6
fdawch Messages postés 58 Statut Membre 1
 
le code php est déjà adapté, j'ai pas bien compris ta réponse
Merci
0
yg_be Messages postés 24281 Statut Contributeur 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.
0