Jquery Cycle Plugin - les navigateurs WebKit commencent un cycle en pause lors de l'actualisation

Question

Ceci est mon code

$('#gallery-photos').cycle({ 
      fx:  'fade', 
      speed: 500, 
      timeout: 3000, 
      pager: '#gallery-navigation', 
      requeueOnImageNotLoaded: true, 
      after: onAfter 
     }).cycle('pause'); 

Comme vous pouvez le voir le cycle s'arrêtera après init, comme Malsup lui-même a montré dans certains messages autour de l'Internet ... mais quand je rafraîchis la page avec Chrome ou Safari, le cycle commence, en ignorant la commande pause.

J'ai un autre diaporama dans la même page que démarre automatiquement par défaut, mais il ne participe pas à la précédente

$(document).ready(function() { 
    $('#header-gallery-conteiner').cycle({ 
     fx:'scrollUp', 
     speed: 888, 
     timeout: 4000, 
     requeueOnImageNotLoaded: true 
    }); 
}); 

Comment puis-je rendre capable de faire une pause correctement, même après rafraîchissement avec les navigateurs WebKit?

Answer 1

vous déplacer premier bloc de code dans l'événement .ready() $ (document) comme ceci:

$(document).ready(function() { 
    $('#header-gallery-conteiner').cycle({ 
     fx:'scrollUp', 
     speed: 888, 
     timeout: 4000, 
     requeueOnImageNotLoaded: true 
    }); 
    $('#gallery-photos').cycle({ 
     fx:  'fade', 
     speed: 500, 
     timeout: 3000, 
     pager: '#gallery-navigation', 
     requeueOnImageNotLoaded: true, 
     after: onAfter 
    }).cycle('pause'); 
}); 

Vous ne devriez avoir une fonction assignée à $(document).ready(), donc si vous avez aussi somewere autre sur votre page se débarrasser de lui, et ajouter le code à la fonction ci-dessus