簡單的滑塊jquery的背景圖像

Question

我想滑動背景圖像與動畫。因爲我想如果我的第一個背景圖像。第二個將繼續啓動

這裏是我的代碼

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

感謝我不能完全肯定，如果我理解正確的，但這裏有幾個想法：

的回調動畫之後調用已完成。根據你的代碼，你應該看到第一個圖像移動到左邊，一旦它「消失」，第二個圖像應該彈出到它的原始位置。由於圖像標籤一次只能容納一個源，所以無論如何你都無法擺脫這個「差距」。

另外em的動畫可能是一個不好的選擇，在這種情況下，我會嘗試使用px值。如果它是一個動態值，請使用例如.width()。

如果你只是想要一個簡單的圖像旋轉，那麼有一百萬個jQuery插件可以做到這一點。前段時間我自己寫了一個非常小的解決方案，也許代碼可以給你一些指示：https://github.com/polarblau/simpleslider