bgSlider позволяет применить галерею в качестве фона сайта. Он довольно похож со скриптом jbGallery, но не такой сложный.
JavaScript
Нужно добавить jQuery фрэймворк и bgSlider.js. с помощью атрибута src в теге скрипта этих .js файлов:
Ниже приведен скрипт инициализации:
В части $() мы устанавливаем массив с указанием пути к файлам изображений, а в bgSlider({}) части – опции галереи. Вот список поддерживаемых опций:
interval: время задержки в миллисекундах между слайдами
speed: время анимации
pags: управления для переключения между слайдами. Указывает путь к якорям .pags li a.
HTML
HTML код будет выглядеть тогда так:
Обратите внимание, что у каждого элемента должен быть атрибут rel=»" с номером страницы.
slideshow: true или false для опции слайдшоу
preload: true или false для предварительной загрузки изображений (рекомендовано)
current:задает rel=»" номер изображения, которое показывается по умолчанию
CSS
В файле css находится скрипт связанных стилей.