我用jquery创建了一个库。
http://www.rialto-design.de/endkunden/galerie/galerie-armaturen/?album=3&gallery=2
所以我的问题是,如何让拇指向左或向右滚动。当光标位于容器的右侧或左侧时。
重要的是,thubs仍然是可点击的。
THX
答案 0 :(得分:1)
尝试添加以下代码,然后移除img_forward
和img_back
悬停功能。
var overview = $('.ngg-galleryoverview'),
// vp = viewport width
vp = overview.width(),
// edgeMargin = margin to add on either side of the thumbs
edgeMargin = 20,
// maxw = width of all thumbs together side-by-side
maxw = $('.gallery_thumbs').css('padding','0 ' + edgeMargin + 'px').outerWidth();
overview.bind('mousemove', function(e){
overview.scrollLeft( (e.pageX - overview.offset().left) * (maxw - vp) / vp );
});
更新:为代码添加了评论,以防止将来某人诅咒我的名字,试图弄清楚发生了什么。