[jQuery] jQuery jerking animation
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