用css3滑動圖像

我想製作一個簡單的圖像滑塊。用css3滑動圖像

下面是javascript代碼：

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

這個問題似乎是，它並沒有得到正確的圖像上的點擊，但它需要在下一個點擊。爲什麼？

這裏是可運行的〔實施例：

http://jsfiddle.net/y4BkQ/

來源

2013-05-26 T-student

'.index（）'返回基於'0'的索引。做'+（$（this）.index（）+ 1）* 450 +'來代替。 http://jsfiddle.net/y4BkQ/1/ – 2013-05-26 17:55:07

你是最好的男人！，把答案我標記它像回答 –

這看起來更好的男人@squint http://jsfiddle.net/y4BkQ/2/ –

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

來源

2013-05-26 22:06:54

用css3滑動圖像

回答

相關問題