寻找响应式css-only旋转木马（没有js）

Question

无论如何，是否有任何CSS-carousel项目不使用JS，或者至少使用最简单的javascript代码？不想为简单的轮播加载jquery。 顺便说一下，我需要一张图像条纹（比如10张图像，其中有3或5张可见），边框上有next / prev控件。

Answer 1

如上所述，我删除了cssscience示例，并将其放在这个小提琴中：

http://jsfiddle.net/6Tx3T/

这里的关键是使用复选框技巧和css代码：

  #slide1:checked ~ #slides .inner { margin-left:0; }
  #slide2:checked ~ #slides .inner { margin-left:-100%; }
  #slide3:checked ~ #slides .inner { margin-left:-200%; }
  #slide4:checked ~ #slides .inner { margin-left:-300%; }
  #slide5:checked ~ #slides .inner { margin-left:-400%; }

根据需要将图像向左或向右移动容器的宽度。

这个小提琴缩小图像（用于小提琴），然后打开“窗口”一次显示2个图像，然后一次滑动两个：

http://jsfiddle.net/6Tx3T/1/