Я пытаюсь использовать 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 х 2225 пикселей). Я попытался предварительно загрузить изображение, но происходит то же самое. И, к сожалению, я не могу уменьшить размер изображения, так как оно является частью требований к дизайну.