Данный пример демонстрирует использование Backstretch для создания слайдшоу фоновых изображений
<script src="../lib/jquery-1.6.4.min.js"></script>
<script src="../jquery.backstretch.min.js"></script>
<script>
// Создаем массив изображений.
var images = [
"pot-holder.jpg",
"coffee.jpg"
];
// Небольшой скрипт для предварительной загрузки изображений.
// В нем нет острой нужды, но идея хороша.
$(images).each(function(){
$('
')[0].src = this;
});
// Переменная index указывает на текущее используемое изображение.
var index = 0;
// Вызываем Backstretch в первый раз.
// В данном случае используется скорость в 500ms для эффекта проявления изображений.
$.backstretch(images[index], {speed: 500});
// Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение.
// Примечание: скорость проявления будет использвоаться из первого вызова плагина.
setInterval(function() {
index = (index >= images.length - 1) ? 0 : index + 1;
$.backstretch(images[index]);
}, 5000);
</script>