在圖像上從左到右淡入淡出效果

Question

我有淡入淡出效果結構。隨着以下內容：

<img src='firstStar.jpg' alt='star image' id='firstStar' /> 

    var loopImages = function(){ 

     $('#firstStar').fadeIn(1500, function(){ 

        $('#firstStar').fadeOut(1500, loopImages);   
     }); 
    } 
    loopImages(); 

它的工作。但是我想，這個效果從左到右。可能嗎？

Answer 1

你可以嘗試這樣的事情與animate

$(document).ready(function(){ 
    $("#firstStar").animate({left:200, opacity:"show"}, 1500); 
}); 

確保DIV最初是隱藏的（風格= 「顯示：無;」）。

Answer 2

你可以試試這個，我曾經在我以前的項目中使用它。

http://jonobr1.github.com/diagonalFade/

希望它適合你的需求。

問候。

Answer 3

通過'但我想要，這個效果從左到右'，你的意思是指這一個？

http://www.oik-plugins.com/wordpress-plugins-from-oik-plugins/wordpress-plugins/oik-nivo-slider/nivo-settings/nivo-slider-transition-effects/nivo-slider-effectslicedownright/

如果是的話，那麼你可以使用稱爲sliceDownRight效果。