Discussion :

[Stev_k]

Bonjour,

Je travaille à la création d'un site de petites annonces, et j'aimerais afficher les images de l'annonce, sous forme d'un diaporama avec flèches de navigation. Mon précédent problème consistait à enregistrer plusieurs images (liens) en BDD, pour une même annonce (ID). Je l'ai fait grâce à la fonction implode. L'affichage des images se fait donc grâce à un explode et un while. Le problème c'est que le script js que j'utilise pour le diapo ne fonctionne pas. Script jquery téléchargé sur un site, car je ne maitrise pas ce langage.
J'ai besoin d'aide, merci d'avance pour celle que vous m'accorderez.

[SpaceFrog]

Sans voir un bout de code ?

Il va falloir que je recrute des voyants ...

[Stev_k]

Bonjour SpaceFrog et merci pour votre contribution.
Le bout de code d'affichage des images de l'annonce est le suivant:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
  while ($donnees = $req -> fetch()) {
    if($_SESSION['psd']==$donnees['possesseur']){
      $image = explode("$",$donnees['objet_vendu']);
      $i = 0;
      ?>
      <div id="global">
        <div id="contenu">
          <div id="galerie">
            <?php
            while ($image[$i]!="0") {
 
              ?>
 
              <div class="sucre">
                <img id="img" alt="objet vendu" width=200 height=200 src="<?php echo $image[$i]; ?>" />
              </div>
 
              <?php $i++; }?>
 
            </div>
          </div>
        </div>

plus loin (avant le </body>), je met le code sensé produire le diapo:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="slidePulpe.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('#galerie').makeSlidePulpe({
          auto : true,
          time : 5000,
          transition : 1000,
          fleches: true,
          boutons: true
        });
      });
    </script>

Sans ce code, les images s'affichent en vrac sur la page. Avec le code, il n'y a qu'une seule image, mais pas de flèches de navigation...

[SpaceFrog]

que donne le code html généré ?
il est hébergé ou le slidepulpe.js ?

[Stev_k]

Il n'y a qu'une seule image d'affichée, mais le code Jquery ne fonctionne pas.

[SpaceFrog]

Tu n'a pas répondu à ma question précédente...
Peut on voir le code html généré ?

As tu un message d'erreur en console ?
Où peut on trouver le plugin slidePulpe.min.js ?