Наш опрос
Заходите ли вы на наш форум?
Всего ответов: 27
Случайный анекдот
55 Идет экскурсия по аду. На одном котле очень много крышек и он завален камнями. Экскурсанты спрашивают экскурсовода: - Почему так? - Здесь варятся евреи. Если хотя бы один сумеет выбраться, обязательно перетащит всех остальных. Дальше экскурсанты видят котел, который не прикрыт ничем. Экскурсовод: - Здесь русские. Мы за них не боимся. Даже если один сумеет выбраться, другие все равно затащат обратно.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3156
Новых за месяц: 8
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 2
С активностью: 167
Авторизованных: 2986

   Замена фона на сайте юкоз



Установив этот скрипт себе на сайт, вы даете возможность пользователям выбрать картинку из списка и заменить стандартный фон на сайте. После выбора фона делается запись в куках браузера, о выборе картинки и благодаря этому после обновления или переходам по страницам сайта фон не сбрасывается.

Установка:
Все файлы архива закачайте в папку fon в файл менеджере.

В любой глобальный блок ставим скрипт:

Код
<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("/fon/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("/fon/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("/fon/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("/fon/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("/fon/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("/fon/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>
  <script type="text/javascript" src="/fon/slidefon.js"> </script>  
  <script src="/fon/cookies.js"></script>  
  <script type="text/javascript" src="/fon/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="/fon/1.jpg" width="40px" />
  <img onclick="jp2()" src="/fon/2.jpg" width="40px" />
  <img onclick="jp3()" src="/fon/3.jpg" width="40px" />
  <img onclick="jp4()" src="/fon/4.jpg" width="40px" />
  <img onclick="jp5()" src="/fon/5.jpg" width="40px" />
  <img onclick="jp6()" src="/fon/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="/fon/platinum/1.jpg" width=" 120px" height=" 90px ">
  <img onclick="plat2()" src="/fon/platinum/2.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat3()" src="/fon/platinum/3.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat4()" src="/fon/platinum/4.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat5()" src="/fon/platinum/5.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat6()" src="/fon/platinum/6.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat7()" src="/fon/platinum/7.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat8()" src="/fon/platinum/8.jpg" width=" 120px " height=" 90px ">
  <img onclick="plat9()" src="/fon/platinum/9.jpg" width=" 120px " height=" 90px "></a>
  </div>


А это кнопка вызова окна со списком фонов

Код
<a href="javascript://" onclick="okno();" title="Сменить фон">Сменить фон</a>


Скачать архив 3,59 мб Html редактор
Автор: Prosvetekvator
Просмотров: 3786
19.02.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Замена фона на сайте юкоз След. »

Всего комментариев: 3

3 Роман Симонов (Admin3435)
 
При переходе на другую страницу и при обновлении страницы фон пропадает...
И слайд картинок не работает

01.02.2017 в 13:51
-
0
+

1 Вадим Борщовецкий (kiidii)
 
А как сменить картинки?

22.02.2014 в 14:08
-
0
+

2 Алексей Чубаров (Prosvetekvator)
 
замени картинки в архиве не свои, но их названия должны быть, как и у картинок в архиве.

22.02.2014 в 17:14
-
0
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии