jquery - jQuery Custom Gallery 和 jCarousel 问题

Question

活动站点可以在这里看到：http: //www.studioimbrue.com/index2.php

目前编码有两个小问题。第一：当页面加载并且您尝试单击其中一个大图像以前进时，没有任何反应。单击缩略图后，即可使用大图像的单击功能。我正在尝试修复它，以便在页面加载时，用户可以开始单击大图像。

第二：单击图像时，缩略图突出显示发生变化。唯一的问题是，一旦超过 4，就需要查看“当前”缩略图，因此轮播应该转到那个缩略图。现在的代码是这样的，nextThumb.closest('.thumbscontainer').jcarousel('next');但它会在你每次点击时滚动。谢谢你的帮助

score 0 · Accepted Answer

您将$('.container .captions li').click(...)代码放在缩略图的单击处理程序中，因此仅在单击第一个缩略图后才添加完整图像的单击事件。

您应该将该块（包括其关闭});）放在其他click处理程序之外。

另外，你应该改变

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

到.closest('.container').

1 回答 1