Моя цель - создать полосу изображения, которая простирается по всему окну браузера и остается в центре независимо от того, как пользователь настраивает окно.Это легко, но я также хочу, чтобы изображение периодически прокручивалось вправо в постоянном цикле, оставаясь при этом «центрированным».
Прямо сейчас я пытаюсь сделать это с помощью фонового изображения, поскольку я могу сделать изображение настолько широким, насколько я хочу, без создания полос прокрутки.Плюс встроенная возможность CSS повторять по горизонтали - это простой способ добиться эффекта «зацикливания».
Я использую следующий код jquery для анимации фонового изображения:
function scrollingIMG() {
$('#my_div').delay(5000).animate(
{backgroundPosition:'+=200px 0'},
500,
'linear',
function() { scrollingIMG();
});
};
К сожалению, во второй раз этот код запускает фон больше не по центру и больше не перемещается синхронно с остальным содержимым сайта, когда окно браузера настроено.Я пропускаю простую команду css / jquery, которая синхронизировала бы фоновое изображение с остальным содержимым, при этом все еще сдвигая его вправо?