在图像上从左到右淡化效果

Question

我有淡化效果结构。有以下内容：

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

    var loopImages = function(){

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

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

它正在运作。但是我希望，这个效果是合适的。有可能吗？

Answer 1

你可以试试这个，我曾经在我以前的项目中使用它。

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

希望它符合您的需求。

问候。

Answer 2

您可以使用animate

尝试这样的操作

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

确保最初隐藏div（style =“display：none;”）。

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的效果。