2011-09-27 125 views
2

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

$('.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'); 
    } 

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

+0

你可以發佈你在的jsfiddle? – Samich

+0

http://jsfiddle.net/cSVWv/ –

回答

3

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

+0

感謝它爲我工作 –

1

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

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

+0

感謝回答我需要繼續圖像爲 –

+0

作爲第二圖像應開始隨着第一個 –