Fade effect left to right on a image

Question

I have fade effect structure. With the following:

  

    var loopImages = function(){         


        

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 used to work with it on my previous project.

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

Hope it fits your needs.

Regards.

Answer 3

By 'But i want, this effect get left to right', do you mean to refer this one?

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 yes, then you can use the effect called as sliceDownRight.