使用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 +