Arrêt sur défilement d'image

Résolu
Bonjour,

J'ai ce code qui permet de faire défiler des images:

	
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="jquery.nivo.slider.js"></script>
<script>
$(window).load(function (){
$('#slider').nivoSlider({
pauseTime:3000,
effect:"fade",
animSpeed:600,
controlNav: false,
prevText:"<",
nextText:">",
prevText:"<",
nextText:">"

})
});

</script>


et je voudrais faire arrêt sur image et redémarrer
J'ai essayé différents codes sans succès.
Avez vous une idée?

Merci d'avance
Bien cordialement

4 réponses

  1. Modérateur
    Bonjour,

    Parmi les options que tu peux mettre dans ce plugin, il semble que tu aies ceci :
    pauseOnHover:true,
    


    Toutes les options possibles :

    $('#slider').nivoSlider({
    effect: 'random',
    slices: 15,
    boxCols: 8,
    boxRows: 4,
    animSpeed: 500,
    pauseTime: 3000,
    startSlide: 0,
    directionNav: true,
    controlNav: true,
    controlNavThumbs: false,
    pauseOnHover: true,
    manualAdvance: false,
    prevText: 'Prev',
    nextText: 'Next',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
    });
    

    1. Bonjour et merci pour ta rapide réponse

      je vais essayer ton code

      Bonne journée!
      1. Bonjour Jordane,

        Je te réponds seulement aujourd'hui suite à différents problèmes.

        J'ai testé ton code qui fonctionne bien.
        Cependant, j'ai du mal à faire le retour en appuyant sur prev et les caractères next et prev sont petits.

        De plus , j'ai une suite de caractères numériques qui apparait sur l'écran 12345689010... qui n'est peut-être pas due à ton code?

        En tout cas un grand merci
        Bonne journée
        1. Modérateur
          Ce n'est pas mon code.... Mais le code qui provient de la documentation du plugin et qui montre toutes les options possibles...
          À toi de choisir parmi elles celle que tu veux utiliser et à quelles valeurs tu veux les définir.
          Si tu ne sais pas à quoi une option correspond, va regarder dans la documentation