Temporary animation with jQuery

Question

http://i28.tinypic.com/2j0zbxi.gif http://i28.tinypic.com/2j0zbxi.gif

Is this possible through jQuery? Basically, as shown in the image above, I have a blue background, a map image, and text images. I want to achieve this kind of animation when loading a page or loading this image.

Answer 1

You want to use a combination of animation () and delay () for each slide just right. Here is an example of what I recently compiled using this.

http://www.panthersweat.com/thursday/

Answer 2

, , javscript jquery... - .

var timerCount = 1;
var timer = setInterval('sliderController()',5000);


function sliderController() {
    status = changeSlide(timerCount);
    if(status == 1) {
        timerCount++;
    }
    else{
        timerCount = 1;
    }
}

function changeSlide(timerCount)    {
    if(timerCount != 3) {
        leftValue = -1004 * timerCount;
        $('#banner_slider_container #banner_slides_container').stop().animate({'left':leftValue,'opacity':0.3},'slow',function()    {
            $('#banner_slider_container #banner_slides_container').animate({'opacity':1},'slow');
        });
        return 1;
    }
    else    {
        leftValue = 0;
        $('#banner_slider_container #banner_slides_container').stop().animate({'left':leftValue,'opacity':0.3},'slow',function()    {
            $('#banner_slider_container #banner_slides_container').animate({'opacity':1},'slow');
        });
        return 0;
    }

}

, ...

Answer 3

, jQuery.animate(). / CSS, , , .

http://api.jquery.com/animate/

Answer 4

jQuery UI.

: http://jqueryui.com/demos/show/

Answer 5

1.4 jQuery .delay(), . , ?