JQuery и скользящий / анимированный фон

Question

Я хочу сделать что-то вроде этого сайта: http://www.lionite.com Проверьте заголовок, слайды города, как это можно сделать с помощью jquery?

Любой плагин или учебник будет замечательно:)

Спасибо

Answer 1

Это действительно просто, и этот сайт сильно загружает мой процессор (не знаю почему, он не должен этого делать - все просто: P)

То, что вы хотите - это анимировать фоновую позицию на элементе div или на всем теле.

1. создать фон, который можно повторять по горизонтали
2. сделать CSS так, чтобы он показывался и повторялся на х
3. используйте $ (). Animate () для положения фона, изменяя положение x до ширины фона
4. когда анимация заканчивается, измените положение x обратно на 0 и снова запустите аминирование.

это будет выглядеть, как будто Вы все время прокручиваете фон (если вы плохо синхронизируете его, он будет немного подпрыгивать при каждом перезапуске позиции)

Если Вы не знаете, как сделать позицию css, напишите мне в комментариях;)