Fade effect from left to right in the image.

Question

I have a fade effect structure. With the following:

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

    var loopImages = function(){

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

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

He works. But I want this effect to be left to the right. Is it possible?

Answer 1

You can try something like this with animate

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

Make sure the div is initially hidden (style = "display: none;").

Answer 2

You can try with this, I worked with him in my previous project.

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

Hope this fits your needs.

Sincerely.

Answer 3

By ' , ', ?

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

If so, then you can use an effect called sliceDownRight.