Caroussel

fdawch 29 Messages postés mardi 2 septembre 2014Date d'inscription 8 janvier 2018 Dernière intervention - 16 juil. 2017 à 20:39 - Dernière réponse : yg_be 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 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 

9 réponses

Répondre au sujet
yg_be 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 Dernière intervention - 16 juil. 2017 à 21:13
0
Utile
bonsoir, "ça marche pas": peux-tu nous en dire plus?
Commenter la réponse de yg_be
fdawch 29 Messages postés mardi 2 septembre 2014Date d'inscription 8 janvier 2018 Dernière intervention - 16 juil. 2017 à 21:28
0
Utile
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
Commenter la réponse de fdawch
yg_be 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 Dernière intervention - 16 juil. 2017 à 21:44
0
Utile
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?
Commenter la réponse de yg_be
fdawch 29 Messages postés mardi 2 septembre 2014Date d'inscription 8 janvier 2018 Dernière intervention - 16 juil. 2017 à 23:30
0
Utile
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 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 Dernière intervention - 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.
Commenter la réponse de fdawch
fdawch 29 Messages postés mardi 2 septembre 2014Date d'inscription 8 janvier 2018 Dernière intervention - 17 juil. 2017 à 12:47
yg_be 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 Dernière intervention - 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?
Commenter la réponse de fdawch
fdawch 29 Messages postés mardi 2 septembre 2014Date d'inscription 8 janvier 2018 Dernière intervention - 17 juil. 2017 à 13:46
0
Utile
1
le code php est déjà adapté, j'ai pas bien compris ta réponse
Merci
yg_be 4379 Messages postés lundi 9 juin 2008Date d'inscriptionContributeurStatut 15 janvier 2018 Dernière intervention - 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.
Commenter la réponse de fdawch