[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Смена фона сайта с запоминанием на cookie
9YARIK9Дата: Понедельник, 25.07.2011, 00:26 | Сообщение # 1
Роздает хеды на обе стороны
Сообщений: 190
Репутация: 2
Скриншот:


Данный скрипт позволяет менять фон вашего сайта с запоминанием выбора.

Установка:

После /head на нужных страницах вставляйте:


Code
<script src="/apo/cookie.js"></script>


В то место, где будет панелька выбора фона:

Code
<div class="backs" title="Выбор фона">    
    <img id="jp1" src="/apo/1.jpg" width="20px" /><br> <br>    
    <img id="jp2" src="/apo/2.jpg" width="20px" /><br> <br>    
    <img id="jp3" src="/apo/3.jpg" width="20px" /><br> <br>    
    <img id="jp4" src="/apo/4.jpg" width="20px" /><br> <br>    
    <img id="jp5" src="/apo/5.jpg" width="20px" /><br> <br>    
    <img id="jp6" src="/apo/6.jpg" width="20px" />    
    </div>    

    <script>    
    $('#jp1').click(function() {    
    setCookie('j1', 365);    
    eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');    
    $('body').css('background-image', 'url("/apo/1.jpg")');    
    });    
    $('#jp2').click(function() {    
    setCookie('j2', 365);    
    eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');    
    $('body').css('background-image', 'url("/apo/2.jpg")');    
    });    
    $('#jp3').click(function() {    
    setCookie('j3', 365);    
    eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');    
    $('body').css('background-image', 'url("/apo/3.jpg")');    
    });    
    $('#jp4').click(function() {    
    setCookie('j4', 365);    
    eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');    
    $('body').css('background-image', 'url("/apo/4.jpg")');    
    });    
    $('#jp5').click(function() {    
    setCookie('j5', 365);    
    eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');    
    $('body').css('background-image', 'url("/apo/5.jpg")');    
    });    
    $('#jp6').click(function() {    
    setCookie('j6', 365);    
    eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1');    
    $('body').css('background-image', 'url("/apo/6.jpg")');    
    });    

    if(getCookie('j1')) {    
    $('body').css('background-image', 'url("/apo/1.jpg")');    
    };    
    if(getCookie('j2')) {    
    $('body').css('background-image', 'url("/apo/2.jpg")');    
    };    
    if(getCookie('j3')) {    
    $('body').css('background-image', 'url("/apo/3.jpg")');    
    };    
    if(getCookie('j4')) {    
    $('body').css('background-image', 'url("/apo/4.jpg")');    
    };    
    if(getCookie('j5')) {    
    $('body').css('background-image', 'url("/apo/5.jpg")');    
    };    
    if(getCookie('j6')) {    
    $('body').css('background-image', 'url("/apo/6.jpg")');    
    };    
    </script>


Все файлы из прикреплённого архива залейте в папку apo (Создайте её, если таковой ещё нет)

Скачать "Смена фона сайта с запоминанием на cookie"






  • Страница 1 из 1
  • 1
Поиск: