1

我最近从 SLaks 那里得到了一些关于我的自定义画廊行为的帮助（谢谢）。我现在正在尝试修复缩略图的功能方式。我已经玩了大约一个小时，但我无法让它工作。现场版代码： http: //www.studioimbrue.com。目前代码如下：

$('.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();
});

唯一的问题是，当单击图库图像时，它会转到系列中的下一张图像，但缩略图不会更改为列表中的下一张。你可以看看我之前的问题，看看我们的讨论。谢谢

4

1 回答 1

0

像这样：

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

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

这必须与

var activeOpacity   = 1.0,
    inactiveOpacity = 0.6,
    fadeTime = 100,
    clickedClass = "selected",
于 2010-04-26T00:24:15.603 回答