Форум Сайтостроение Веб-строительство

Меняющийся задний фон при обновлении

BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
3901

Подскажите как сделать так, чтобы при обновлении сайта менялся задний фон на новый, но менялся именно в определенном классе ( class="main" )

тут - /ru/forum/790432

я нашел просто смену бг, но никак не могу сделать чтобы он менялся в заданном классе 


<script>

var bgPath = 'bg2/';

var imagesNumber = 1;

var rndBg =  Math.floor(Math.random() * imagesNumber) || 1;

document.body.style.backgroundImage = 'url(' + bgPath + rndBg + '.jpg)'; 'background-color: #8e8f93';



</script>

вот код который юзаю, надо его запихать в класс

izbushka
На сайте с 08.06.2007
Offline
110
izbushka
#1

Если подойдет jquery:

<script>
$(document).ready(function() {
var bgPath = 'bg2/';
var imagesNumber = 1;
var rndBg = Math.floor(Math.random() * imagesNumber) || 1;
$('.main').css('background-image','url(' + bgPath + rndBg + '.jpg)');
});

</script>

Если надо без jquery, я бы посоветовал сделать элементу с нужным классом какой-то id, и обращаться по document.getElementById, т.к. немного геморно обращаться из голого JS к классу

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#2

Тоже на jquery - http://jsfiddle.net/z3KGY/1/

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий