Быстрая смена фона в чате

<script language="JavaScript" type="text/javascript">
function fon(nnn){
for(i=0; i<top.frames.length; i++) top.frames[i].document.body.style.backgroundImage="url("+nnn+")";
}// функция установки фона во всех фреймах
function nofon(nnn){
for(i=0; i<top.frames.length; i++) top.frames[i].document.body.style.backgroundImage="";
}// функция сброса фона
var wh=30; // ширина кнопки для установки фона
var ht=35; // её высота
var rjad = 5; // количество кнопок в одном ряду
var brr = 0;
var imgfon = new Array(); // ссылки на фоны любое количество желательно кратное количеству кнопок в ряду
imgfon[0]="Ссылка на картинку фона"
imgfon[1]="Ссылка на картинку фона"
imgfon[2]="Ссылка на картинку фона"
imgfon[3]="Ссылка на картинку фона"
imgfon[4]="Ссылка на картинку фона"
imgfon[5]="Ссылка на картинку фона"
imgfon[6]="Ссылка на картинку фона"
imgfon[7]="Ссылка на картинку фона"
imgfon[8]="Ссылка на картинку фона"
imgfon[9]="Ссылка на картинку фона"
document.write('<img alt="Обычный фон" border="1" hspace="2" vspace="2" width='+((wh*rjad)+(6*(rjad-1)))+' height='+ht/3+' onClick="nofon();" src='+imgfon[0]+' ><br />'); // длинная кнопка сброса фона
for (var i=0; i<imgfon.length; i++){document.write('<img alt="Нажмите чтобы установить этот фон" border="1" hspace="2" vspace="2" width='+wh+' height='+ht+' onClick="fon(this.src);" src='+imgfon[i]+' >');brr++;if (brr==rjad){document.write('<br />');brr=0}};// печать кнопок
// дополнительно ставить желанию
// случайный фон для тех кто незарегистрирован
vhod = Math.round(Math.random()*(imgfon.length-1));
if(parent.regist != 1) { window.setTimeout('fon(imgfon[vhod])',5000);}
// личный фон устанавливается админом индивидуально
var imgfonnik = new Array(); // ссылки для личных фонов любые
imgfonnik['ВАШ НИК']="Ссылка на личный фон"
imgfonnik['ЕЩЁ НИК']="Ссылка на личный фон"
if(imgfonnik[parent.mynick]!=null){document.write('<img alt="Ваш личный фон" border="1" hspace="2" vspace="2" width='+(wh+rjad)*rjad+' height='+ht/3+' onClick="fon(this.src);" src='+imgfonnik[parent.mynick]+' >');window.setTimeout('fon(imgfonnik[parent.mynick])',5000); } // печать личной кнопки и установка личного фона чата при входе
</script>

<!------Дополнительные настройки------->
<div id=setting style="display:none;"><br>
<!----Личный фон------->
<div id=fons> <center>Установка фона<script language="JavaScript" type="text/javascript">
function fon(nnn){
document.body.style.backgroundImage="url("+nnn+")";
}// функция установки фона во всех фреймах
function nofon(nnn){
document.body.style.backgroundImage="";
}// функция сброса фона
var wh=30; // ширина кнопки для установки фона
var ht=35; // её высота
var rjad = 5; // количество кнопок в одном ряду
var brr = 0;
var imgfon = new Array(); // ссылки на фоны любое количество желательно кратное количеству кнопок в ряду
imgfon[0]="http://mpchat.ru/serhio64/fons/dvor-14.jpg"
imgfon[1]="http://mpchat.ru/serhio64/fons/dvor-16.jpg"
imgfon[2]="http://mpchat.ru/serhio64/img/fon/1.gif"
imgfon[3]="http://mpchat.ru/serhio64/fons/4.jpg"
imgfon[4]="http://mpchat.ru/serhio64/fons/dvor-17.gif"
imgfon[5]="http://mpchat.ru/serhio64/img/fon/6.gif"
imgfon[6]="http://mpchat.ru/serhio64/fons/dvor-12.jpg"
imgfon[7]="http://mpchat.ru/serhio64/fons/dvor-13.jpg"
imgfon[8]="http://mpchat.ru/serhio64/img/fon/8.gif"
imgfon[9]="/serhio64/fons/dvor-15.jpg"
imgfon[10]="http://mpchat.ru/serhio64/fons/dvor-18.jpg"
imgfon[11]="http://mpchat.ru/serhio64/fons/dvor-19.jpg"
imgfon[12]="http://mpchat.ru/serhio64/fons/dvor-20.jpg"
imgfon[13]="http://mpchat.ru/serhio64/fons/dvor-21.jpg"
imgfon[14]="http://mpchat.ru/serhio64/fons/dvor-22.jpg"
document.write('<img alt="Обычный фон" border="1" hspace="2" vspace="2" width='+((wh*rjad)+(6*(rjad-1)))+' height='+ht/3+' onClick="nofon();" src='+imgfon[0]+' ><br />'); // длинная кнопка сброса фона
for (var i=0; i<imgfon.length; i++){document.write('<img alt="Нажмите чтобы установить этот фон" border="1" hspace="2" vspace="2" width='+wh+' height='+ht+' onClick="fon(this.src);" src='+imgfon[i]+' >');brr++;if (brr==rjad){document.write('<br />');brr=0}};// печать кнопок
// дополнительно ставить желанию
// случайный фон для тех кто незарегистрирован
vhod = Math.round(Math.random()*(imgfon.length-1));
if(parent.regist != 1) { window.setTimeout('fon(imgfon[vhod])',5000);}
// личный фон устанавливается админом индивидуально
var imgfonnik = new Array(); // ссылки для личных фонов любые
imgfonnik['Князь_Пипецкий']="http://mpchat.ru/serhio64/img/fon/1.gif"
imgfonnik['Эстерсита']="http://mpchat.ru/serhio64/img/fon/13.jpg"
if(imgfonnik[parent.mynick]!=null){document.write('<img alt="Ваш личный фон" border="1" hspace="2" vspace="2" width='+(wh+rjad)*rjad+' height='+ht/3+' onClick="fon(this.src);" src='+imgfonnik[parent.mynick]+' >');window.setTimeout('fon(imgfonnik[parent.mynick])',5000); } // печать личной кнопки и установка личного фона чата при входе
</script></center></div>
<!------конец фона------------->
</center></div>
<a href=# title="Показать настройки/Скрыть настройки" onclick="obj=document.getElementById('setting'); if(obj.style.display=='none') obj.style.display='block'; else obj.style.display='none'; return false;"><center><img src=/serhio64/img/ds-1.png title="Открыть/закрыть панель долнительных настроек"/></center></a>
<!--------конец настроек------------>

/* стиль любимых смайлов */
.smilediv { display:none }
#smilediv
{
display:none;
position: absolute;
width: 110px;
left: 0;
bottom: 70px;
top: 0;
z-index: 1;
border: 0;
}

#smilediv iframe
{
outline: none;
margin: 0;
padding: 0;
border: 0;
width:100%;
height:100%;
}

div > .delete {
color: #CCCCCC;
cursor: pointer;
display: block;
float: right;
font: 14px Verdana;
height: 6px;
margin: -3px 5px;
text-decoration: none;
visibility: hidden;
}
div > .delete span {
color: #AAAAAA;
font: bold 14px "Arial Black";
}
div > .delete:hover {
color: #666666;
font: 14px Verdana;
text-decoration: none;
}
div > .delete:hover span {
color: #666666;
font: bold 14px "Arial Black";
text-decoration: none;
}
div:hover > .delete {
display: block;
visibility: visible;
}

backgroundImage="url("+nnn+")";

Князь_Пипецкий пишет:

Для тех, кто захочет себе поставить это........

Лучше спрятать настройки фона в скрывающийся div
То, есть, по умолчанию настройки закрыты - нажимаешь кнопку - открываются.
В противном случае чат притормаживает.

Я у себя спрятал блок управления фонами в div с дополнительными настройками.

Примерно так:

Анатолич пишет:

function nofon(nnn){
document.getElementById("bottomdiv").style.backgroundImage="url("+nnn+")";
}// функция сброса фона[/spoiler]