Во второй версии скрипта добавлены 6 упрщённых фонов (из-за них пришлось решать проблему масштабирования...), так же включена возможность включения и выключения фонового слайдшоу (промежуток 30сек., при переходе по страницам слайд шоу автоматически продолжается с того слайда, на котором закончилось).
Установка:
Это кидаем в любой глобальный блок
Code
<script>
function jp1(){ setCookie('j1', 1, 365); setCookie('size', 1, 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/1.jpg")');
$('body').css('background-size','auto');
};
function jp2(){ setCookie('j2', 1, 365); setCookie('size', 1, 365);
eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/2.jpg")');
$('body').css('background-size','auto');
};
function jp3(){ setCookie('j3', 1, 365); setCookie('size', 1, 365);
eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/3.jpg")');
$('body').css('background-size','auto');
};
function jp4(){ setCookie('j4', 1, 365); setCookie('size', 1, 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/4.jpg")');
$('body').css('background-size','auto');
};
function jp5(){ setCookie('j5', 1, 365); setCookie('size', 1, 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/5.jpg")');
$('body').css('background-size','auto');
};
function jp6(){ setCookie('j6', 1, 365); setCookie('size', 1, 365);
eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1'); eraseCookie('platbg1');eraseCookie( 'platbg2' );eraseCookie( 'platbg3' );eraseCookie( 'platbg4' );eraseCookie( 'platbg5' ); eraseCookie( 'platbg6' );eraseCookie( 'platbg7' );eraseCookie( 'platbg8' );eraseCookie( 'platbg9' );
$('body').css('background-image', 'url("http://allmuzik.ucoz.ru/apo/6.jpg")');
$('body').css('background-size','auto');
};
function slideoff(){
eraseCookie('slidefon'); eraseCookie('slidefon1'); eraseCookie('slidefon2'); eraseCookie('slidefon3'); eraseCookie('slidefon4'); eraseCookie('slidefon5'); eraseCookie('slidefon6'); eraseCookie('slidefon7'); eraseCookie('slidefon8'); eraseCookie('slidefon9');
};
</script>
<style type="text/css">
@import url('http://allmuzik.ucoz.ru/css/ajax_okno/ajax_okno.css') all;
</style>
<script type="text/javascript" src="http://allmuzik.ucoz.ru/slidefon.js"> </script>
<script src="http://allmuzik.ucoz.ru/platinum/cookies.js"></script>
<script type="text/javascript" src="http://allmuzik.ucoz.ru/slidefon1.js"> </script>
<script>
proverka();
function proverka(){
if(getCookie('slidefon1')) {
plat11()
};
if(getCookie('slidefon2')) {
plat22()
}; if(getCookie('slidefon3')) {
plat33()
}; if(getCookie('slidefon4')) {
plat44()
}; if(getCookie('slidefon5')) {
plat55()
}; if(getCookie('slidefon6')) {
plat66()
}; if(getCookie('slidefon7')) {
plat77()
}; if(getCookie('slidefon8')) {
plat88()
}; if(getCookie('slidefon9')) {
plat99()
};
};
</script>
<div style="display:none;" id="okno1">
<center> <table bgcolor="#FFFFFF">
<tr><td>
<a onclick="slideoff()">
<img onclick="jp1()" src="/apo/1.jpg" width="40px" />
<img onclick="jp2()" src="/apo/2.jpg" width="40px" />
<img onclick="jp3()" src="/apo/3.jpg" width="40px" />
<img onclick="jp4()" src="/apo/4.jpg" width="40px" />
<img onclick="jp5()" src="/apo/5.jpg" width="40px" />
<img onclick="jp6()" src="/apo/6.jpg" width="40px" /> </td></tr></table> <p></a>
<a href="javascript://" onclick="slidefon1();"><font size="2" color="yellow">Начать фоновое слайдшоу</font></a><p>
<a href="javascript://" onclick="slidefon2();"> <font size="2" color="red"> Закончить фоновое слайдшоу</font></a><p>
<a onclick="slideoff()"> <img onclick="plat1()" src=" http://allmuzik.ucoz.ru/platinum/1.jpg " width="120px" height="90px">
<img onclick="plat2()" src=" http://allmuzik.ucoz.ru/platinum/2.jpg " width=" 120px " height=" 90px ">
<img onclick="plat3()" src=" http://allmuzik.ucoz.ru/platinum/3.jpg " width=" 120px " height=" 90px ">
<img onclick="plat4()" src=" http://allmuzik.ucoz.ru/platinum/4.jpg " width=" 120px " height=" 90px ">
<img onclick="plat5()" src=" http://allmuzik.ucoz.ru/platinum/5.jpg " width=" 120px " height=" 90px ">
<img onclick="plat6()" src=" http://allmuzik.ucoz.ru/platinum/6.jpg " width=" 120px " height=" 90px ">
<img onclick="plat7()" src=" http://allmuzik.ucoz.ru/platinum/7.jpg " width=" 120px " height=" 90px ">
<img onclick="plat8()" src=" http://allmuzik.ucoz.ru/platinum/8.jpg " width=" 120px " height=" 90px ">
<img onclick="plat9()" src=" http://allmuzik.ucoz.ru/platinum/9.jpg " width=" 120px " height=" 90px "></a>
</div>
Этот код туда, где хотим видеть ссылку на вызов ajax окна смены фона
Выделить всё
Code
<a href="javascript://" onclick="okno();" title="Сменить фон">Сменить фон</a>
Всё ! установка окончена !