我正在尝试使用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像素)。我已经尝试过预加载图像,但同样的事情发生了。不幸的是,我无法真正缩小图像尺寸,因为它是设计要求的一部分。