任务详情:
页面上有图库,所有图像预览都在页面上加载。
图像由BLOCK OF IMAGES显示(页面上1个块,固定块 宽度和宽度高度)。
问题:
按页面
上的导航按钮时按块滚动 =======================
<- = xx sss dd qqqq = ->
=======================
xx
等等 - 图库中的不同图片
===
图片边框阻止
答案 0 :(得分:0)
不是计算块中图像的宽度并为每个块形成图像阵列,而是我的第一个想法,突然间我找到了更简单,更好的解决方案来完成这样的任务:
所有图片页面架构:
-----------------------
- ff ll mmmm aa -
-=====================-
<- - eeee bbb dd ppp - ->
-=====================-
- xx sss kk qqqq -
-----------------------
ff
等等 - 图库中的不同图片(float: left
;每个img)
---
标记为 *#all_images * (overflow: hidden; possition: absolute; top: ***
)
===
标记为 * #visible_frame * (position: absolute;
)
当按下页面上的导航按钮时,我们会将 *#all_images * 的值设为+/- top
,因此 #visible_frame 会显示结果不同的图像集。