使用css3滑动图像

Sliding images with css3

本文关键字：图像 css3 使用      更新时间：2023-09-26

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

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

问题似乎是它没有得到正确的图像上的点击，但它需要点击下一个。为什么?

下面是可运行的示例:

http://jsfiddle.net/y4BkQ/

.index()返回一个基于0的索引。+ ($(this).index() + 1) * 450 +

相关文章：