Сменяющийся фон

[mrDobryj]

Форум просто супер - благодаря ему начинаю во многом разбираться быстрее чем лопатил инет. И снова вопрос ))))

Есть сайт (все из той же серии). Внутри блока ДИВ есть фон. Надо чтоб он менялся при каждом открытии в ДЖУМЛА или разный фон был прикреплен к определенной странице.

Может Кто с таким уже сталкивался?

Спасибо.

 

[tjrus]

Есть сайт (все из той же серии). Внутри блока ДИВ есть фон. Надо чтоб он менялся при каждом открытии в ДЖУМЛА или разный фон был прикреплен к определенной странице.

ну на сколько я понимаю надо чтоб при каждой загрузке страницы фон менялся?)
если да, то есть вариант сделать на JQuery:

$(document).ready(function(){
  $("#id_нужного_дива").css('background','свойства');
});

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

document.write('<div style="background:свойство">');

 

[mrDobryj]

хм.
Можно рандомно. Я так думаю. Наверно даже будет лучше.
Осталось разобраться в яве.

 

[tjrus]

bg_array =  
[ 
 "bg_1.jpg",
 "bg_2.jpg",
 "bg_3.jpg"
] 
var bg = bg_array[Math.floor(Math.random()*bg_array.length)];
div = '<div style="background:url(' + bg + ');">';
document.write(div);

типа так если по быстрому)

 

[mrDobryj]

ну я в яве полный ноль ))))

Уд простите меня грешного :biggrin:


И куда это писать

bg_array =
[
"bg_1.jpg",
"bg_2.jpg",
"bg_3.jpg"
]

Какие то файлы создавать нуно?

 

[tigra60]

И куда это писать

Никуда это писать не надо. Вам дали только направление, пинок, так сказать. Реально этот код работать не будет.
Потрудитесь, пожалуйста, написать, что должно меняться - цвет фона или фоновый рисунок, и если рисунок, то какие рисунки Вы планируете на фон (имена файлов и пути к ним), а также id или class блока, фон которого должен меняться. Получите простой код для вставки в шаблон.

 

[Jesse]

Вот массив:

var Pic = new Array() 

Pic[0] = 'x1.png'
Pic[1] = 'x2.png'
Pic[2] = 'x3.png'
Pic[3] = 'x4.png'

вот сама функция:

ar img_name = ""
var img_dir = "images";
var img_suffix = "x"
var img_ext = ".png";

img_name= Math.round(Math.random()*20);

function changeBg(){
document.getElementsByTagName('body')[0].style.backgroundImage="url('./" + img_dir + "/" + img_suffix + img_name + img_ext + "'" + ")";
}

 

[mrDobryj]

О! ответ для такого чайника как я

 

[mrDobryj]

Я наверно абсолютный чайник :wacko:

Мне бы увидеть как этот код выглядит в ХТМЛ в тегах боди, а вот пути я бы сам прописал.

Учусь только. Учусь.