Циклическая смена фона у div

[TillL]

Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы.

Сейчас имею:

html:

<div class="head"></div>

css:

.head {
    height: 200px;
    background: #e2e1e7 url("../images/head.jpg") no-repeat;
    background-position: right;
    border-radius: 10px 10px 0px 0px;
}

Edited December 26, 2012 by TillL

[Sensei]

http://forum.htmlbook.ru/index.php?showtopic=40570&view=findpost&p=282544

[TillL]

Sensei, спасибо большое за помощь. Но я не силен в JavaScript, уточните, пожалуйста, как адаптировать последнюю строчку в Вашем коде к моему div'у.

$(document).ready(function() {

        var randomBg = 'url(img/bg' + Math.ceil(Math.random() * 5) + '.png)';
        $('body').css('background', randomBg)

});

Edited December 26, 2012 by TillL

[pashkje]

Если ваша картинка называется head.jpg следущии картинки называйте head1.jpg, head2.jpg и т.д.

$(document).ready(function() {

var randomBg = 'url(img/head' + Math.ceil(Math.random() * 5) + '.jpg)';

$('.head').css('background', randomBg)

});

Edited December 26, 2012 by pashkje

[TillL]

Не получается, пропадает фон div'а (#e2e1e7).

Папку img создал с папке со скриптом.

Edited December 26, 2012 by TillL

[Sensei]

var randomBg = 'url(img/head' + Math.ceil(Math.random() * 5) + '.jpg)';

Красным выделен путь до картинки, путь относительно документа с вашим блоком head, а не скрипта.

Названия картинок конкретно для этой строки: head1.jpg, head2.jpg и так далее.

Кстати код написан при помощи jquery, надеюсь вы ее подключили.

[TillL]

Всё, разобрался, спасибо. Возникла одна проблема: фон повторяется, свойство no-repeat в css не работает.

Дописал в var randomBg = 'url(img/' + Math.ceil(Math.random() * 2) + '.jpg) no-repeat - фон не повторяется, но как его спозиционировать вправо?

Edited December 26, 2012 by TillL

[Sensei]

замените в скрипте background на background-image

[TillL]

Sensei, огромное вам спасибо!!

Сделал так:

$(document).ready(function() {

        var randomBg = 'url(img/' + Math.ceil(Math.random() * 2) + '.jpg) #e2e1e7 right no-repeat'; 
        $('.head').css('background', randomBg)

});

Хотел Вам плюсануть за помощь, но выпало сообщение: "Вы исчерпали лимит положительных оценок", а жаль

Всего Вам доброго и спасибо еще раз за помощь.

Edited December 26, 2012 by TillL

[nikolai646]

подскажите пожайлуста как  код который находится в теме сделать кликабильным то есть код меняет фон а как этот фон сделать кликабильным я имею в виду картинка 1 ссылка 1 обновляем станицу допустим картинка 3 ссылка 3 и так далее