jQuery 图片库定制

Question

编辑:这个问题现在得到了部分回答，感谢 Neil 使用scrollTo插件让我走上了正确的道路；但是，如下文所述，我仍然无法获取“下一个”和“上一个”链接以根据需要正确调整滚动缩略图列表。因此，我想知道是否有其他熟练的 jQuery 程序员愿意尝试一下并尝试帮助我克服这个障碍......提前非常感谢。

//////////////////////////

想知道是否有任何熟练的 jQuery 程序员可以在修改图像库脚本方面提供一些帮助:我想在即将进行的项目中使用 Galleriffic——如果您不熟悉的话，这是一个很棒的插件——但不是划分缩略图到页面中，我想要一个滚动 div 一次显示所有缩略图，如图 here .

我的问题是是否可以让滚动拇指列表“跟随”大图像的状态——也就是说，如果单击“下一张照片”来显示全尺寸图像，则相应的缩略图是在 View 之外，列表将自动滚动以显示当前缩略图(如果有意义)。我想这样的脚本需要全尺寸图像来跟随或“感知”缩略图的可视状态并根据需要调整可见性。请让我知道我是否应该更具体。

我希望可能有一些现有的 jQuery 函数可以完成此任务(？)，我提前感谢您在这里提供的任何指导。

Answer 1

有a plug-in这将为您做到这一点。

它允许您指定一个元素，例如您想要滚动到的缩略图“IMG”。它还允许您指定如何进行滚动的效果。

查看有关如何使用它的示例。

关于您下面的后续评论:

移动下一个和上一个的按钮具有“下一个”或“上一个”类，包含大图像的 anchor 具有“前进链接”类，它们都有一个“href”属性来转到下一个/上一张幻灯片。因此，要滚动到该幻灯片的缩略图，您应该在 jQuery 代码的开头或附近编写如下所示的代码。我只是亲眼检查过，所以可能有错别字，但你应该明白了。:

$('.next, .prev, .advance-link').live().click().function(){
    var href  = $(this).attr('href');
    $('#thumbs').scrollTo($('.thumb[href=' + href + ']'), {axis: 'y'});
});