Custom jQuery Gallery Comportement des vignettes

Question

J'ai récemment reçu de l'aide ici de SLaks (merci) sur le comportement de ma galerie personnalisée. J'essaie maintenant de corriger le fonctionnement des vignettes. J'y joue depuis environ une heure, mais je n'arrive pas à le faire fonctionner. Version en direct du code: http://www.studioimbrue.com. Actuellement, le code est le suivant:

$('.thumbscontainer ul li a').click(function() { 
var li_index = $(this).parents('ul').children('li').index($(this).parent("li")); 

    $(this).parents('.thumbscontainer').parent().find('.captions ul li').fadeOut(); 
$(this).parents('.thumbscontainer').parent().find('.captions ul li:eq('+li_index+')').fadeIn(); 
}); 

$('.container .captions li').click(function() { 
    var nextLi = $(this).fadeOut().next().fadeIn(); 

    if (nextLi.length === 0) //If we're the last one, 
     nextLi = $(this).siblings(':first-child').fadeIn(); 
}); 

Le seul problème est que lorsque l'image de la galerie est cliqué, il va à l'image suivante dans la série, mais les vignettes ne changent pas à la suivante dans la liste. Vous pouvez jeter un oeil à ma question précédente pour voir notre discussion. Merci

Answer 1

Comme ceci:

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

nextThumb 
     .addClass(clickedClass).fadeTo(1, activeOpacity) 
    .siblings() 
     .fadeTo(1, inactiveOpacity).removeClass(clickedClass); 

Cela doit être dans le même bloc que

var activeOpacity = 1.0, 
    inactiveOpacity = 0.6, 
    fadeTime = 100, 
    clickedClass = "selected",