2013-07-31 2 views
0

J'utilise actuellement JSlide pour créer un carrousel pour un ami, j'ai un problème avec le changement de diapositives.Auto change JSlide

Est-il possible de le changer afin qu'il glisse automatiquement à travers chacun d'eux à un intervalle de temps spécifique? Par exemple, disons que le délai de 5 secondes avant les changements de curseur?

Une autre chose est la suppression des boutons de pagination, Je suppose que je viens de supprimer le code de pagination de la fonction? Je ne suis pas tout à fait sûr

Quoi qu'il en soit, voici le code ci-dessous l'ensemble:

HTML

<div class="slidescontainer"> 
    <div id="slides"> 
     <img src="http://i39.tinypic.com/30sh5wo.jpg" alt="Banner 1"> 
     <img src="http://i41.tinypic.com/w5gds.jpg" alt="Banner 2"> 
     <img src="http://i41.tinypic.com/17rd3l.jpg" alt="Banner 3"> 
     <img src="http://i40.tinypic.com/4u8ajn.jpg" alt="Banner 4"> 
     <img src="http://i42.tinypic.com/30a8l1g.jpg" alt="Banner 5"> 
     <img src="http://i39.tinypic.com/259x57a.jpg" alt="Banner 6"> 
     <img src="http://i39.tinypic.com/2r6hbv5.jpg" alt="Banner 7"> 
    </div> 
    </div> 

SCRIPT

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://static.tumblr.com/wxsnpan/qjsmqsq7r/jquery.slides.min.js"></script> 
    <script> 
    $(function() { 
     $('#slides').slidesjs({ 
     width: 940, 
     height: 528, 
     navigation: { 
      effect: "fade" 
     }, 
     pagination: { 
      effect: "fade" 
     }, 
     effect: { 
      fade: { 
      speed: 400 
      } 
     } 
     }); 
    }); 
    </script> 

Répondre

1

est cette jsFiddle réponse à vos questions?

Pour l'option diaporama automatique, je change votre script

play: { 
     active: true, 
     auto: true, 
     interval: 4000, 
     swap: true, 
     pauseOnHover: true, 
     restartDelay: 2500, 
     effect:"fade" 
    } 

Pour les Pagination développeurs vous permettent de désactiver avec cette option,

pagination: { 
    active: false 
} 

Vous pouvez trouver beaucoup de informations pour ce script sur SlideJS website

J'espère que cela va vous aider.

+0

C'est presque parfait, sauf qu'il ne glisse pas automatiquement et nécessite toujours un utilisateur pour appuyer sur "play" ou "Next"? – Mikey