JQuery平移动画闪烁

时间:2011-04-04 22:44:05

标签: jquery animation flicker

我正在尝试使用JQuery来平移大图像。设置很简单,但我发现动画期间图像闪烁。

我的HTML代码如下:

 <div style="height: 620px; width: 769px; position: relative; overflow: hidden;" id="ImageContainer">
    <img id="AdImage" style="position: absolute; left: 0px; top: 0px;" src="myImage.jpg">
    </div>

和Javascript:

   $("document").ready(
        function()
        {
            $("#AdImage").animate( {left: -150, top: -1605}, 20000 );
        }
    )

平移工作,但它闪烁。我认为这是由于图像大小(1457 x 2225像素)。我已经尝试过预加载图像,但同样的事情发生了。不幸的是,我无法真正缩小图像尺寸,因为它是设计要求的一部分。

0 个答案:

没有答案