0

任务详情：

  1. 页面上有画廊，所有图像预览都加载在页面上。

  2. 图像由图像块显示（页面上 1 个块，固定块宽度和高度）。

  3. 所有图像的宽度都是可变的，但高度相同（因此块中的图像数量可以不同）。

问题：

按下页面上的导航按钮时按块滚动

    =======================
<-  =  xx  sss  dd  qqqq  =  ->
    =======================

xx 等等 - 画廊中的不同图像

===图像块的边框

4

1 回答 1

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

于 2012-07-16T02:15:16.863 回答