Вот пример использования
Перейдём сразу к делу...
Это после /head на всех страницах сайта
Code
<script src="/js/cookie.js"></script>
Этот код надо вставлять в то место где бы вы хотели видеть "кнопки"
Code
<div class="backs" title="Выбор фона">
<table><tr>
<td><img id="jp1" src="/img/1.jpg" width="30px" /></td>
<td><img id="jp2" src="/img/2.jpg" width="30px" /></td>
<td><img id="jp3" src="/img/3.jpg" width="30px" /></td>
</tr></table>
</div>
<script>
$('#jp1').click(function() {
setCookie('j1', 365);
eraseCookie('j2');eraseCookie('j3');
$('.body').css('background-image', 'url("/img/fon.jpg")');
});
$('#jp2').click(function() {
setCookie('j2', 365);
eraseCookie('j1');eraseCookie('j3');
$('.body').css('background-image', 'url("/img/fon2.jpg")');
});
$('#jp3').click(function() {
setCookie('j3', 365);
eraseCookie('j2');eraseCookie('j1');
$('.body').css('background-image', 'url("/img/fon3.jpg")');
});
if(getCookie('j1')) {
$('.body').css('background-image', 'url("/img/fon.jpg")');
};
if(getCookie('j2')) {
$('.body').css('background-image', 'url("/img/fon2.jpg")');
};
if(getCookie('j3')) {
$('.body').css('background-image', 'url("/img/fon3.jpg")');
};
</script>
Ссылки на картинки меняем на свои.
Так теперь ксс.
Если вас устраивает способ в отором тегу body дают класс то выглядеть код будет как было показанно выше.
Если вы нехотите наполнять ксс то вместо
Code
$('#jp1').click(function() {
setCookie('j1', 365);
eraseCookie('j2');eraseCookie('j3');
$('.body').css('background-image', 'url("/img/fon.jpg")');
});
Убераем одну лишь точку перед боди.(и во всех местах в скрипте!)
Дополнение:
Для работы впишите это в ксс.
Code
.body{background:url('/images/ваша картинка.jpg');}
Html. На всех страницах сайта присваеваем тегу body класс body
Примерный код
Архив: Скачать
