2017-06-25 6 views
0

Je suis en train de construire un diaporama avec Cycle jQuery plugin mais je suis confronté à ce problème qu'il ne fait pas défiler les images! Je veux dire que tout ce que vous devez faire pour mettre ce plugin est d'attraper le script jquery de son site et l'ajouter dans votre document html. Comme vous pouvez le voir dans mon code, je l'ai placé deux script cycle jquery et également le fichier jquery correctement:Cycle Plugin Jquery ne Cycle Images

<!Doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="demo.css"> 
     <script type="text/javascript" src="js/jquery.cycle2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
    </head> 
    <body> 
     <div class="cycle-slideshow"> 
      <img src="images/1.jpg"> 
      <img src="images/2.jpg"> 
      <img src="images/3.jpg"> 
      <img src="images/4.jpg"> 
     </div> 
    </body> 
</html> 

Et en plaçant vos images dans la div avec cycle-slideshow classe, le processus de ce plugin devrait commencer et la les images sur la page Web devraient être cyclées. Mais cela ne fonctionne pas du tout.

Alors savez-vous ce qui ne va pas ici?

Répondre

0

Vous devez ajouter jquery.min.js avant la jquery.cycle2.min.js, comme ceci:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.cycle2.min.js"></script> 
0

S'il vous plaît essayer de changer l'ordre d'inclusion des scripts à ceci:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.cycle2.min.js"></script> 

Mieux encore essayer ce:

<!Doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="demo.css"> 
    </head> 
    <body> 
     <div class="cycle-slideshow"> 
      <img src="images/1.jpg"> 
      <img src="images/2.jpg"> 
      <img src="images/3.jpg"> 
      <img src="images/4.jpg"> 
     </div> 
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.cycle2.min.js"></script> 
    </body> 
</html> 
0

jQuery doit être ajouté avant la bibliothèque. Changer l'ordre des fichiers JavaScript référencés:

<head> 
    <link rel="stylesheet" type="text/css" href="demo.css"> 
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.cycle2.min.js"></script> 
</head>