如果在右侧滚动(jQuery)

时间:2010-09-21 14:02:58

标签: javascript jquery

我用jquery创建了一个库。

http://www.rialto-design.de/endkunden/galerie/galerie-armaturen/?album=3&gallery=2

所以我的问题是,如何让拇指向左或向右滚动。当光标位于容器的右侧或左侧时。

alt text

重要的是,thubs仍然是可点击的。

THX

1 个答案:

答案 0 :(得分:1)

尝试添加以下代码,然后移除img_forwardimg_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 );
 });

更新:为代码添加了评论,以防止将来某人诅咒我的名字,试图弄清楚发生了什么。