将图库块图像滚动到当前图像的位置

时间:2012-07-16 02:23:20

标签: javascript jquery css

我找到了在图库中滚动图像块的有趣解决方案,我在这里详细介绍了这些:Scrolling blocks of variable width images in gallery

但我遇到了一个问题:

例如我在img'sss'的整页上,如何从这个页面链接到所有imgs页面,这样,如果我只知道,将显示该propper块(滚动到块的位置)当前图像的名称\ href,但不知道块的数量(并且不想实现从图像宽度计数块的代码)?

在我的画廊中滚动的逻辑:

    -----------------------
    -  ff  ll  mmmm  aa   -
    =======================
<-  =  eee  bbb  dd  ppp  =  ->
    =======================        
    -  xx  sss  dd  qqqq  -
    -----------------------

ff等等 - 图库中的不同图片(float: left;每个img)

---标记为 #all_images overflow: hidden; possition: absolute; top: ***

===标记为 #visible_frame possition: absolute;

因此,当按下导航功能时,我会将 #all_images 的值设为+/- top,结果为 # visible_frame 将是不同的图像集

1 个答案:

答案 0 :(得分:0)

如果你知道图像的名称,你应该没有问题找到它所在的行/块并找到它的偏移x / y位置并相应地调整你的图库。

您必须遍历页面上的所有图像并找到匹配的来源。

此外,我过去曾使用this jquery plugin滚动到页面上的位置。

希望这有帮助。