另一位感谢SLaks帮助我获取了迄今为止的代码。
我不太确定我的最后一步是否可以按照我设置的方式进行。
此处可以看到图库的实时版本:http://www.studioimbrue.com/index2.php
目前,一切都运作正常。图像及其缩略图目前捆绑在一起,但jCarousel本身仍然是独立的。我添加了nextThumb.closest('.thumbscontainer').jcarousel('next');
,这样当你点击大图片时,轮播滚动到下一行,但实际上并没有遵循任何模式。我正在尝试做的是让jQuery检测缩略图的距离以及何时适当地滚动轮播。这甚至可能吗?
答案 0 :(得分:0)
也许这个例子会有所帮助:http://sorgalla.com/projects/jcarousel/examples/static_controls.html
您需要找出“下一张”图片的索引,然后将该索引传递给scroll()
。
<强>更新强>
尝试替换
nextThumb.closest('.thumbscontainer').jcarousel('next');
与
nextThumb.closest('.thumbscontainer').jcarousel('scroll', nextThumb.index() + 1);