Diaporama jquery qui ne fonctionne pas.

Version imprimable

30/01/2017, 15h45
Stev_k

Diaporama jquery qui ne fonctionne pas.

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.
30/01/2017, 16h30
SpaceFrog

Sans voir un bout de code ?

Il va falloir que je recrute des voyants ...

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

Code:

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:

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...:calim2:

30/01/2017, 17h14
SpaceFrog

que donne le code html généré ?
il est hébergé ou le slidepulpe.js ?
30/01/2017, 17h28
Stev_k

Il n'y a qu'une seule image d'affichée, mais le code Jquery ne fonctionne pas.
31/01/2017, 08h39
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 ?
31/01/2017, 16h42
Stev_k

Bonjour SpaceFrog.
Je pense avoir "résolu" mon problème. J'ai tripatouillé par ci par là. Quelques fois ça marchait...à moitié. Et pour finir, j'ai carrément repensé l'affichage des images. Je n'ai pas encore codé mais l'idée est meilleure que la préçédente, et j'ai des raisons de penser que ça devrait marcher.
Merci pour votre aide en tous cas.