Изменение логотипов с запоминанием на Cookies для uCoz

Изменение логотипов с запоминанием на Cookies для uCoz

Скрипт основан на функциях JQuery с использованием Cookies. Смысл заключается в том, что на своем сайте можно сделать вариативный логотип, дать возможность пользователям его выбирать. Это никак не относится к расстановке логотипа на праздничный мотив, здесь рассматривается постоянные версии. Изменение логотипов с запоминанием на Cookies для uCoz не сложно установить, следуйте инструкции.

Изменение логотипов с запоминанием на Cookies для uCoz

Скрипт основан на функциях JQuery с использованием Cookies. Смысл заключается в том, что на своем сайте можно сделать вариативный логотип, дать возможность пользователям его выбирать. Это никак не относится к расстановке логотипа на праздничный мотив, здесь рассматривается постоянные версии. Изменение логотипов с запоминанием на Cookies для uCoz не сложно установить, следуйте инструкции.

Установка

1. Скачиваем архив прикрепленный к материалу.

2. Устанавливаем код после для запуска нужных скриптов:

<script type=»text/javascript» src=»/logo/js/cookie.js»></script>
<script type=»text/javascript»>
var img = [’/logo/img/1.png’,’/logo/img/2.png’];
$.getScript(‘/js/logo.js’);
</script>

Важно: Изображения нужно добавлять в масcив img таким образом: ‘/logo/img/1.png’. (У изображений должны быть наименования в виде цифр (1,2,3…), иначе скрипт не будет работать.)

4. Устанавливаем форму для выбору логотипов: устанавливаем код в любое место где хотим видеть форуму.

<select id=»logo_num»>
<option value=»0″>Стандартная</option>
<option value=»1″>Новая шапка</option>
</select>
<input type=»button» id=»accept» value=»Применить» />

Важно: При добавлении новой опции, не забываем указывать value, в правильной последовательности. (value=»1,2,3..»).

5. Выводим логотип: ставим, данный код где будет логотип.

<div id=»logo»></div>

6. Создаем стиль в CSS:

#logo {width: 100px; height: 50px; background: url(‘/logo/img/1.png’)}