带有jQuery的图像滚动条

时间:2012-01-14 17:24:55

标签: jquery css

我正在寻找一个基于某些条件在图层中滚动图片的代码示例,但我不知道Google 插入腮红脸

我们的想法是在3列布局中包装6个以上的图像,然后添加“下一个”滚动条以查看类似布局中的剩余图像。

在CSS中做3列+ 2行的事情很容易,但是jQuery在这一点上就是在逃避我。我可以搜索什么想法?

2 个答案:

答案 0 :(得分:1)

尝试jquery image carousel ...

一个好的是http://sorgalla.com/jcarousel/

答案 1 :(得分:0)

实际上非常简单。

我的想法是迭代项目集合,在我的情况下,我将使用无序列表来存放图像。

计算<li />元素的数量,表示图像并隐藏您不需要的数字。

$(".selector").find("li").each(function(idx) { 

   if (idx > (items - 1)) {
      $(this).css({ display: "none" })
   }

}

然后反向查找以浏览到上一个。把一些漂亮的滑动动画拍到这个和你的完成。认为它比这更复杂。