在库中滚动可变宽度图像块

时间:2012-07-16 02:15:17

标签: javascript jquery html css

任务详情:

  1. 页面上有图库,所有图像预览都在页面上加载。

  2. 图像由BLOCK OF IMAGES显示(页面上1个块,固定块 宽度和宽度高度)。

  3. 所有图像都是可变宽度,但高度相同(也可以 块中的图像数量不同。
  4. 问题:

    按页面

    上的导航按钮时按块滚动
        =======================
    <-  =  xx  sss  dd  qqqq  =  ->
        =======================
    

    xx等等 - 图库中的不同图片

    ===图片边框阻止

1 个答案:

答案 0 :(得分:0)

不是计算块中图像的宽度并为每个块形成图像阵列,而是我的第一个想法,突然间我找到了更简单,更好的解决方案来完成这样的任务:

与SCHEMA的一般概念描述:

所有图片页面架构:

    -----------------------
    -  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 会显示结果不同的图像集。