jQuery Galerie personnalisée et problème jCarousel

Question

site actif peut être vu ici: http://www.studioimbrue.com/index2.php

Il existe actuellement deux petits problèmes avec le codage. Premièrement: lorsque la page se charge et que vous essayez de cliquer sur l'une des grandes images pour avancer, rien ne se passe. Une fois qu'une vignette est cliquée, la fonctionnalité de clic de la grande image est disponible. J'essaye de le réparer ainsi quand la page se charge, l'utilisateur peut juste commencer à cliquer sur la grande image. Deuxièmement: lorsqu'une image est cliquée, la surbrillance des vignettes change. Le seul problème est qu'une fois dépassée 4, la vignette "actuelle" doit être vue, ainsi le carrousel devrait aller à celui-là. En ce moment, le code pour cela est nextThumb.closest('.thumbscontainer').jcarousel('next'); mais cela le fait défiler chaque fois que vous cliquez. Merci pour toute aide

Answer 1

Vous mettez le code $('.container .captions li').click(...) dans le gestionnaire de clic des vignettes, de sorte que l'événement de clic pour l'image complète est ajouté uniquement après que la première vignette ait été cliquée.

Vous devriez mettre ce bloc (y compris sa fermeture });) en dehors de l'autre gestionnaire click.

En outre, vous devez changer

var nextThumb = nextLi 
    .closest('.thumbscontainer') 
    .find('.thumbscontainer li:eq(' + nextLi.index() + ')'); 

à .closest('.container').