用css3滑动图像

Question

我正在尝试制作一个简单的图像滑块。

以下是javascript代码：

$(document).ready(function() {
  $('#slide1_images').on('click', 'img', function(){ 
    $("#slide1_images").css("transform","translateX("+$(this).index() * -450+"px)");
  });
});

问题似乎是它没有点击右图，但它点击下一个。为什么呢？

这是可运行的例子：

http://jsfiddle.net/y4BkQ/

Answer 1

.index（）返回基于0的索引。 +（$（this）.index（）+ 1）* 450 +