I have a site that uses .animate() to slide an image up to its correct position using the "top" css property. The animation starts and stops properly but I noticed that when the animation completes there is a slight pause and then it looks like the image gets shifted one pixel to the right.
Its almost like the image gets shifted 1 pixel left when the animation starts and then when its done it moves back. Has anyone else seen this before and knows how to fix it?
function animPicture(imageNum) {
if(imageNum != currentImage) {
$(imageNum).css("top", "-312px");
$(currentImage).stop(true, false).animate({ top: "312px" }).css("z-index", "100");
$(imageNum).stop(true, false).animate({ top: "0px" }).css("z-index", "99");
currentImage = imageNum;
return 0;
}
return 1;
}
