将图片库块滚动到当前图片所在的位置



我发现了在图库中滚动图像块的有趣解决方案,我在这里详细描述了:在图库中滚动可变宽度图像块

但我遇到了一个问题:

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

在我的图库中滚动工作的逻辑:

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

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

#all_imagesoverflow: hidden; possition: absolute; top: ***)的---标记块

#visible_framepossition: absolute;)的===标记块

因此,当按下导航键时,我将使#all_imagestop值为+/-,因此在#visible_frame中将是不同的图像集

如果你知道图像的名称,你应该可以找到它在哪一行/块,找到它的偏移x/y位置,并相应地调整你的图库。

你必须循环浏览页面上的所有图像并找到匹配的来源。

此外,我过去也使用过这个jquery插件来滚动到页面上的位置。

希望这能有所帮助。

最新更新