jQuery的動畫滑塊onClick事件

Question

我創建使用jQuery動畫功能的滑塊。第一張圖像正在向左移動，並且工作正常。但下一張圖像不會很快跟隨第一張圖像。它顯示一段時間的空白屏幕。這是我迄今試過的：

$('.next').live('click',function() { 
      $('.ac_bgimage').animate({ 
       left:"-80em"  
      }, 1500 , function(){ 
       test(); 
       });     
     }); 
     function test() { 

     $('.ac_bgimage').attr('src','images/2.jpg'); 
     $('.ac_bgimage').css('left','0em'); 
    } 

我被困在這一點。請幫忙。提前致謝。

Answer 1

試試這個easy slider jQuery插件。這將解決你的目的。

Answer 2

在你的jsfiddle.net/cSVWv，你有兩個錯誤，因爲你有你隱藏'下一個'類的div，因爲這是不可能觸發'點擊'事件。另一種是，在'ac_bgimage'類的圖像中，你需要相對於作品的位置。

在這裏看到我的例子：http://jsfiddle.net/expertCode/tvaMK/