Изменение логотипов с запоминанием на 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>
<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="Применить" />
<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')}