Prototype Меняющийся фон страницы

Prototype's^Blog › Меняющийся фон страницы

21

12 2024

Меняющийся фон страницы

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

Синим указан временной интервал смены изображений в милисекундах.


<script type="text/javascript">

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

var i = 0;

setInterval(function(){

$('body').css('background-image', function() {

if (i >= images.length) { i=0; } return 'url(' + images[i++] + ')'; }

); }, 5000);

</script>