Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse

Смена фона сайта с запоминанием на cookie by Apocalypse для uCoz
23.06.14, 15:46:12

Скачать файл




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

Установка:

После /head на нужных страницах вставляйте:
Код
<script src="/apo/cookie.js"></script>


В то место, где будет панелька выбора фона:
Код
<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', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/apo/1.jpg")');  
  });  
  $('#jp2').click(function() {  
  setCookie('j2', 1, 365);  
  eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/apo/2.jpg")');  
  });  
  $('#jp3').click(function() {  
  setCookie('j3', 1, 365);  
  eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/apo/3.jpg")');  
  });  
  $('#jp4').click(function() {  
  setCookie('j4', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/apo/4.jpg")');  
  });  
  $('#jp5').click(function() {  
  setCookie('j5', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');  
  $('body').css('background-image', 'url("/apo/5.jpg")');  
  });  
  $('#jp6').click(function() {  
  setCookie('j6', 1, 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 (Создайте её, если таковой ещё нет)

Материал подготовлен Apocalypse
Категория: Скрипты by Apocalypse | Добавил: Apocalypse | Теги: Apocalypse, cookie, ucoz, by, на, смена, запоминанием, фона, для, сайта
Просмотров: 450 | Загрузок: 0 | Комментарии: 4 | Рейтинг: 1.0/1
Всего комментариев: 4
0
Все сделал правильно и все работает. Но Опера почему-то не хочет запоминать фон и постоянно сбрасывает на фон по умолчанию после каждого перезапуска браузера. В других браузерах этого не наблюдается. Не знаете в чем проблема?

В коде в теге body прописан фон по умолчанию (для первого запуска сайта), который потом можно поменять на другой любой по вашей схеме. Может Опера из-за этого всегда грузит фон по умолчанию? Но тога почему она не запоминает куки?

0
Какая версия оперы используется?

0
Опера 24.0. Система Windows 7. Кстати возможно, что проблема возникла как раз таки после обновления оперы. Только я не помню с какой версии на какую обновлялся. Это было несколько месяцев назад.
В настройках Оперы на данный момент галочка стоит напротив "Разрешить локальное сохранение данных". Это в настройках Cookies.

0
Уверен, что проблема локальная и связана именно с неправильной работой браузера

Имя *:
Email: