Question

<div> <ul> <li><%...%> </li> </ul> </div> 我自己实现了横着显示，请问怎么让只显示4列剩下的自动隐藏。

我在做一个相册浏览，上面是大图，下面是一排小串图 。点击小串图其中一个在大图地方显示它。小串图就是用上面的代码生成的。我想要的是：不管有多少小图，我只让在小串图那个地方显示4个，其他的我通过点击左右来显示，且每次也是4个。怎么实现？

Answer 1

定义两个div，一个是放所有小图的作为背景在底层，一个是控制显示的小图的在上层，这个长度定义为正好可以显示4个小图，当点击左右按钮的时候改变底层div的background-position来移动小图。

追问

不太明白 这两个DIV有联系吗？不然怎么改变底层DIV 上层就变了？能具体点不？谢谢

追答

那么快回答非常难通爱好经历过个人发那么

Answer 2

这个要用到 js Carousel 的 plugin，
不然你没法做到 " 点击左右来显示 " 的效果