每次单击跳转1步的图像滑块

时间:2016-08-09 18:32:26

标签: javascript jquery css

我正在寻找一些JQuery脚本到目前为止没有成功。我有一个1000像素宽度div,在div里面我想要添加10个div水平,但只显示4个div。当用户单击右箭头时,所有div将向左移动,并将显示1个新图像。例如,在div中有一个焦点在div 2,3,4,5上,点击右箭头后焦点将变为3,4,5,6,依此类推。 当结束焦点的图像将是5,6,7,1等等。任何的想法?请enter image description here

1 个答案:

答案 0 :(得分:0)

你应该使用JS carousal。根据您的需求,有很多选择。

您可以在CSS中根据需要调整carousal的宽度,并初始化它以包含任意数量的元素。

以下是我过去使用的一些

http://kenwheeler.github.io/slick/

http://owlgraphic.com/owlcarousel/#demo

http://v4-alpha.getbootstrap.com/components/carousel/

欢呼和快乐的编码!