Jcarousel Lite n'apparaît pas sur le chargement de la page en safari et chrome

Question

J'ai ce plug-in en cours d'utilisation sur ma page d'accueil qui fonctionne sur WAMP. Cela fonctionne très bien dans tous les navigateurs sauf Safari et Google Chrome. Dans ces navigateurs, le carrousel n'apparaît pas lorsque je charge la page pour la première fois, ni quand je recharge. Lorsque je navigue vers la page d'accueil via le lien de navigation sur la page, il apparaît.

Des idées de quoi cela pourrait-il être responsable?

Merci, Jeremy

Answer 1

Essayez de mettre l'initialisation de votre galerie dans la fonction de charge de la fenêtre, quelque chose comme ceci:

$(window).load(function() { 

    $(".gallery").jCarouselLite({ 
     btnNext: ".next", 
     btnPrev: ".prev", 
    }); 
}); 

Answer 2

eu ce problème aussi trouvé qu'en donnant les images i déployait une width = "nn px" et height = "nn px" ont résolu mon problème;)

Answer 3

J'ai fait face au même problème. Assurez-vous de donner la largeur et la hauteur à vos images. Pour une raison quelconque, google chrome et safari ne récupèrent pas/calculent automatiquement la hauteur/largeur.

Answer 4

Semblable à ce que l'utilisateur 703735 a dit ci-dessus. J'ai trouvé en forçant une hauteur et une largeur de mes images de défilement qu'il contournerait jcarousel en essayant de les calculer. J'ai également trouvé qu'il a causé quelques problèmes avec IE8 sans valeurs, donc cela peut aider quelqu'un d'autre avec le même problème.

<li style="width: XXpx; height: XXpx;"> ... image here ... </li> 

Où XX est la taille en pixels.