jQuery Custom Gallery和jCarousel问题

Question

此处可以看到有效网站：http://www.studioimbrue.com/index2.php

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

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

Answer 1

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

您应该将该块（包括其结束});）放在另一个click处理程序之外。

另外，你应该改变

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

到.closest('.container')。