我发现了在图库中滚动图像块的有趣解决方案,我在这里详细描述了:在图库中滚动可变宽度图像块
但我遇到了一个问题:
例如,我在img'sss'的整个页面上,如果我只知道当前图像的名称\href,但不知道块的数量(并且不想实现从图像宽度计算块的代码),我如何从该页面链接到所有imgs页面,以便显示propper块(滚动到块的位置)
在我的图库中滚动工作的逻辑:
-----------------------
- 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中将是不同的图像集
如果你知道图像的名称,你应该可以找到它在哪一行/块,找到它的偏移x/y位置,并相应地调整你的图库。
你必须循环浏览页面上的所有图像并找到匹配的来源。
此外,我过去也使用过这个jquery插件来滚动到页面上的位置。
希望这能有所帮助。