jCarousel + jQuery Accordéon + fadeIn

Question

Veuillez vérifier ce lien www.aboud-creative.com/demos/mckinley3. Là, j'ai un jQuery Accordion avec jCousousel dans la section "Développements" de celui-ci. J'utilise la fonction standard fadeIn pour le logo, l'accordéon et un cerf en bas à droite pour fondre au chargement de la page. Donc, quand vous allez à la section "Développements", vous verrez qu'il n'y a pas d'images affichées. C'est mon problème. Lorsque je n'utilise pas la fonction fadeIn pour que tous les éléments s'affichent à la fois lors du chargement de la page, cela fonctionne correctement, mais une fois que je fais un accordéon: aucun dans la feuille de style et que fadeIn le montre, le problème apparaît. Que puis-je faire à ce sujet?

Answer 1

Si le carrousel est masqué lors de l'initialisation, jCousel a des problèmes pour effectuer les calculs requis. La solution consiste à initialiser jCousel une fois le conteneur affiché.

Quelque chose comme ceci:

$('container_selector').fadeIn(function() { 
    var c = $('carousel_selector'); 
    if (!c.data('jcarousel')) { 
     c.jcarousel({ ... options .. }); 
    } 
});