代码之家  ›  专栏  ›  技术社区  ›  Alexander_F

在右侧滚动(jQuery)

  •  1
  • Alexander_F  · 技术社区  · 14 年前

    我已经用jquery创建了一个库。

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

    alt text

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

    谢谢

    1 回复  |  直到 14 年前
        1
  •  1
  •   Mottie    14 年前

    尝试添加下面的代码,然后删除 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 );
     });