[jQuery] jQuery jerking animation

[weidc]

Hi,

well I made some kind of slideshow with some picture's. It's jerking
really hard sometimes especially when the picture's are over the whole
screen 'cause of the 100% width.
Is there any way to get it smooth?

Here's the code:


$(document).ready(function(){

        $("#slideshow img").css("display","none");

        function run(elementnumber){



                if (elementnumber == $("#slideshow img").length)
                        elementnumber = 0;

                var slideshowheigh = $("#slideshow").height();
                $("#slideshow img:eq("+elementnumber+")").css("margin-top", 0);
                $("#slideshow img:eq("+elementnumber+")").css("display", 
"block");
                $("#slideshow img:eq("+elementnumber+")").css("opacity", "0");
                $("#slideshow 
img:eq("+elementnumber+")").show("normal",function(){
                        var speedie = 39900;
                        var imgheight = $(this).height();
                        var unten = imgheight - slideshowheigh;
                        var mitte = (imgheight/2) - (slideshowheigh/2);

                        $(this).css("margin-top", 0);

                        //fade(elementnumber);
                        $(this).animate({marginTop: -mitte,opacity:1},speedie, 
function ()
{

                                $(this).animate({marginTop: 
-unten,opacity:0},speedie, function ()
{

                                        $(this).css("margin-top", 0);

                                        $(this).slideUp(1, 
run(elementnumber+1));

                                });
                        });
                });
        };
        run(0);
});


CSS code is like that:

#slideshow{width:100%; height:290px; overflow:hidden;
position:absolute; }
#slideshow img{ min-width:100%;}


-weidc