Jquery Cycle Plugin: Comment mettre en pause un diaporama en charge

Question

I Je veux charger un diaporama Jquery Cycle et après le chargement de la pause jusqu'à ce que l'utilisateur clique sur le bouton Lecture. Je suis nouveau à Jquery alors pourriez-vous me donner une explication détaillée et éventuellement un exemple de code. Vous pouvez voir mon diaporama @ www.sessomsphotographics.com

Merci

Answer 1

Vous pouvez envoyer la chaîne 'pause' au plugin de cycle pour faire une pause, puis envoyer 'resume' pour la reprendre.

// start cycle with default options 
$('#rotator').cycle(); 

// immediately pause it 
$('#rotator').cycle('pause'); 

// when the play button is clicked, resume 
$('#play-button').click(function (event) { 
    event.preventDefault(); 
    $('#rotator').cycle('resume'); 
}); 

Answer 2

Vous pouvez envoyer le message « pause » sur prêt:

$(document).ready(function() {      
    $('.slideshow').cycle('pause'); 
    }); 
}); 

Answer 3

Vous pouvez également définir les options de cycle afin qu'il ne démarre en mode avance automatique. Téléchargez une copie de jquery.cycle.all.2.72.js (ou une variante) et effectuez une recherche dans "$ .fn.cycle.defaults = {". Réglez "timeout" (la deuxième option) à zéro.

Answer 4

Cela fonctionne très bien, je fini par utiliser ceci:

// Cycle 
$('ul#div_cycle').cycle({ 
    next: '#next', 
    prev: '#prev', 
    fx:  'scrollHorz', 
    timeout: 2000, 
    delay: -3500, 
    pause: 1 
}); 

// Pause cycle 
$('ul#div_cycle').cycle('pause');