Défiler des images PHP CSS Résolu

Question

Bonjour, Je souhaite faire défiler les images d'une annonce se trouvant en mysql, à partir du CSS. Le nombre d'images différe d'une annonce à l'autre, i.e des annonce qui contiennent une seule, d'autre plusieurs... Auriez-vous une solution? Voici mon code:

Toutes les annonces

id != $prev_anounce): ?>

< >

id != $prev_anounce): ?> titre) ?>
presentation) ?>
prix) ?>
ville) ?>

id ?> Et ici le CSS: .annoncepub{ width:600px; height: 200px; border-bottom: solid orange; text-align: center; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; } .slide{ width: 10%; height: 40%; } .slide img{ margin-left: 5px; width: 140px; height: 130px; } .pre, .nxt{ width: 12%; height: 100%; top: 0; background: blue; z-index: 99; cursor: pointer; } .pre { left: 20; } .next{ right:20; } .navs{ width: 100%; height: 11px; bottom: 12%; position: absolute; text-align:center; z-index: 99; } .dots{ top:20px; width:20px ; height: 20px; margin: 0 4px; border-radius: 20px; display:inline-block; background: black; } .slide{ z-index: -1; } #i1:checked ~ #allimages{ z-index: 9; }

jordane45 · Answer

Bonjour,

Vu que maintenant tu stockes les images de tes produits dans la table  image_products, il ne te reste plus qu'à faire une requête SQL sur cette table et à boucler dessus pour générer tes slides.

max30_3775 · Answer

Bonjour Jordane, je l'ai fait avec une une fonction afficherAnnonce en joignant les deux tables images_products et annonces:

function afficherAnnonce(){
    global $bdd;
   
    $sql = $bdd->prepare('SELECT * FROM annonces
    INNER JOIN image_products
    ON annonces.id= image_products.id_product'
    );
    $sql ->execute();
    $data= $sql->fetchAll(PDO::FETCH_OBJ);
       return $data;
    
}

Ce qui ne va pas, c'est que pour une annonce par exemple qui a 3 images, les champs description, titre... vont apparaitre seulement pour la première photo, tandis que les autres s'affichent sans les champs correspondant (Voir la photo en dessous). C'est au niveau de la boucle, je pense. Et le défilement, je ne sais pas s'il faut le faire avec du JS.

max30_3775 · Answer

Voila en photos ce que j'obtiens:





Veux-tu dire qu'il faut par exemple faire:  $images= [$img1,$img2,$img3,$img4,$img5]?
Si oui, où les mettre dans le code? à côté de la fonction afficherAnnonce?

jordane45 · Answer

J'aurais préféré que tu me le donne en version text ... une image.. on ne peut pas copier/coller si on a besoin..

Quoi qu'il en soit,  essaye un truc du genre

function afficherAnnonce(){
  global $bdd;
  $res = [];
  $sql = 'SELECT * FROM annonces
    INNER JOIN image_products
    ON annonces.id= image_products.id_product';

try{
    $req = $bdd->prepare($sql);
    $req ->execute();
    $data = $req ->fetchAll(PDO::FETCH_OBJ);
    //on reconstruit un array mieux organisé pour avoir les photos
    
    foreach($data as $R){
      if(!isset($res[$R->id])){
       $res[$R->id] = $R;
       unset($res[$R->id]['filenameproduct']);
      }
       $res[$R->id]['images'][] = $R->filenameproduct; 
    }
    
  }catch(Exception $e){
      echo "Erreur dans la requête " . $sql;
  }
  var_dump( $res) ; // le temps des tests pour voir le résultat
  return $res;
    
}
 

correction $sql ---> $req

max30_3775 · Answer

C'est l'erreur qui s'affiche:
 
Fatal error: Uncaught Error: Call to a member function fetchAll() on string in C:\wamp64\www\Projetsite\cmdaffichage.php on line 13

Il s'agit de la ligne suivante: $data = $sql->fetchAll(PDO::FETCH_OBJ);

max30_3775 · Answer

Une autre erreur s'affiche pour cette ligne: unset($res[$R->id]['filename_product']);

: Fatal error: Uncaught Error: Cannot use object of type stdClass as array in C:\wamp64\www\Projetsite\cmdaffichage.php on line 19

Et pour essayer d'y remédier j'ai remplacé FETCH_OBJ par FETCH_ASSOC, et une suite d'autres erreurs s'affichent partout: Trying to get property of non-object in C:\wamp64\www\Projetsite\cmdaffichage.php on line 17. 
Il s'agit donc d'ici : if(!isset($res[$R->id])){
et ici  $res[$R->id]['images'][] = $R->filename_product;

Elle correspond à quoi [images]? Je n'ai pas de champs qui s'appelle images en bdd.


J'ai donc ramené le code à ce qu'il était avec fetch_obj, histoire de ne pas bidouiller

max30_3775 · Answer

Ce qui apparait en var dump:
71 => 
    array (size=11)
      'id' => string '71' (length=2)
      'nompseudo' => string 'Supermario' (length=10)
      'categorie' => string 'telephone' (length=9)
      'ville' => string 'nouakchott' (length=10)
      'titre' => string 'Vente de téléphone' (length=20)
      'presentation' => string 'Si vous voulezun téléphone à vendre de type lopl' (length=51)
      'prix' => string '800' (length=3)
      'telephone' => string '36357412' (length=8)
      'email' => string 'mario@gmail.com' (length=15)
      'id_product' => string '71' (length=2)
      'images' => 
        array (size=1)
          0 => string 'pictures/telephone.jpg' (length=22)
  72 => 
    array (size=11)
      'id' => string '72' (length=2)
      'nompseudo' => string 'Leo25' (length=5)
      'categorie' => string 'bureaus' (length=7)
      'ville' => string 'nouakchott' (length=10)
      'titre' => string 'Location de bureau' (length=18)
      'presentation' => string 'Des bureaux en excellentes qualités à louer' (length=45)
      'prix' => string '1200' (length=4)
      'telephone' => string '4589632' (length=7)
      'email' => string 'infor@loio.com' (length=14)
      'id_product' => string '72' (length=2)
      'images' => 
        array (size=5)
          0 => string 'pictures/bureau1.jpg' (length=20)
          1 => string 'pictures/bureau2.jpg' (length=20)
          2 => string 'pictures/bureau3.jpg' (length=20)
          3 => string 'pictures/bureau4.jpg' (length=20)
          4 => string 'pictures/bureau5.jpg' (length=20)



Après, les images ne s'affichent pas. Est-ce à cause du format?




Message d'erreur:  Notice: Trying to get property of non-object in C:\wamp64\www\Projetsite\accueil.php on line 137

max30_3775 · Answer

Presque... Le meme message d'erreur (trying to get message property of non object) pour les lignes 150, 151 152): Voici mon code

Toutes les annonces

'; foreach( $images as $img ){ echo '

'; echo '< >'; } echo "

"; } ?> titre) ?>
presentation) ?>
prix) ?>
ville) ?>

Il s'agit ainsi de ces lignes: presentation) ?>
prix) ?>
ville) ?>
Est-ce que le problème est avec 'images' dans le code, car je n'ai pas un champ en bdd ni une variable qui s'appellent ainsi.

max30_3775 · Answer

J'ai bien compris la différence entre les deux, et donc j'ai apporté une modification au code comme tu as dit. Mais une autre erreur s'affiche pour 'images': Parse error: syntax error, unexpected ''$images = !empty($announce['' (T_CONSTANT_ENCAPSED_STRING), expecting ',' or ';' in C:\wamp64\www\Projetsite\accueil.php on line 131 On est tout prêt de la touche finale. Voici le code:

Toutes les annonces

' $images = !empty($announce['images']) ? $announce['images'] : NULL; if($images){ //boucle sur les images echo '

'; foreach( $images as $img ){ echo '

'; echo '< >'; } echo "

"; } $anounce['titre'] $anounce['presentation'] $anounce['prix'] $anounce['ville'] } ?>

max30_3775 · Answer

Le probleme est avec anounce dans la ligne 33
 Parse error: syntax error, unexpected '$anounce' (T_VARIABLE) in C:\wamp64\www\Projetsite\accueil.php on line 149


Et en les séparant par des points virgules (
 $anounce['titre'];
        $anounce['presentation'];
       $anounce['prix'];
     $anounce['ville'];)


 plus d'erreur ne s'affiche, mais une page vide seulement.

max30_3775 · Answer

Je l'ai fait comme tu l'as montré, mais après il y a les erreurs de mon message précédant: Voici le code:

Toutes les annonces

'; $images = !empty($announce['images']) ? $announce['images'] : NULL; if($images){ //boucle sur les images echo '

'; foreach( $images as $img ){ echo '

'; echo '< >'; } echo "

"; } $anounce['titre'] $anounce['presentation'] $anounce['prix'] $anounce['ville'] } ?>

Ce qui nous donne: Parse error: syntax error, unexpected '$anounce' (T_VARIABLE) in C:\wamp64\www\Projetsite\accueil.php on line 149 Et si on ajoute des points virgules ( $anounce['titre']; $anounce['presentation']; $anounce['prix']; $anounce['ville'];)) l'erreur disparait mais rien ne s'affiche. tu peux voir dans la photo de mon message précédant ce qui apparait

max30_3775 · Answer

J'ai echo les champs comme tu as dit. Aucune erreur ne s'affiche, mais les images sont absentes .

max30_3775 · Answer

On avait verifié avec le var dump.
Mais est-ce que ce n'est pas au niveau de ces deux codes?

1- $res[$R['id']]['images'][] = $R['filename_product']; 
2- $images = !empty($announce['images']) ? $announce['images'] : NULL;
    if($images){

Dans ma table, je n'ai pas de champs qui s'appelle images, sinon filename_product.

max30_3775 · Answer

Voila, on ne pas l'image dans le code source.
Et dans le var duump une seule image seulement






Pour var dum img, on obtient  Undefined variable: img

max30_3775 · Answer

Parfait!!!  SuperJordane ????‍♂️????‍♂️!! ça marche!!  Je te remercie pour tout le temps que tu m'as accordé. En même temps, grâce à toi j'ai approfondi des trucs de bases.

Bien à toi :)

Défiler des images PHP CSS

15 réponses

Discussions similaires

Newsletters