Вам достаточно лишь указать папку, где будут храниться фоновые изображения и количество фонов, которые необходимо генерировать в окне, чтобы скрипт всё остальное сделал за вас.
Клик по миниатюре в списке устанавливает картинку фоновой. Выбор запоминается на куках
Внимательно следуйте инструкциям установки, чтобы избежать проблем с установкой
Для правильной работы скрипта желательно активировать jQuery 1.6.1 в ПУ -- Общие настройки
Установка:
1) На тех страницах где Вы желаете менять фон после /head вставляем этот код:
Code
<style>
body {margin:0;padding:0;}
#apofd{
height:100%;
width:100%;
position:fixed;
z-index:-100;
}
#apofd img{
height:100%;
width:100%;
position:fixed;
z-index:-100;
padding-top:0px;
}
</style>
<a href="javascript:apofn()">Выбрать фон</a>
<div id="apofd"></div>
<script src="http://scriptoza.my1.ru/js/apofn.js"></script>
body {margin:0;padding:0;}
#apofd{
height:100%;
width:100%;
position:fixed;
z-index:-100;
}
#apofd img{
height:100%;
width:100%;
position:fixed;
z-index:-100;
padding-top:0px;
}
</style>
<a href="javascript:apofn()">Выбрать фон</a>
<div id="apofd"></div>
<script src="http://scriptoza.my1.ru/js/apofn.js"></script>
2) В файловом менеджере должна быть папка images (Если такой папки нет - обязательно создайте). В этой папке images в свою очередь создайте папку fon
В папку fon залейте картинки следующим образом:
Миниатюры должны иметь названия 1_pre.jpg, 2_pre.jpg, 3_pre.jpg и так далее. Миниатюрки должны быть размером где то 80*40px. Скрипт рассчитан на максимальное количество в 98 картинок
Большие изображения, которые будут устанавливаться фоном, должны иметь названия 1.jpg, 2.jpg, 3.jpg и так далее в прямом соответствии с миниатюрами (Чтобы порядковый номер миниатюры совпадал с номером большого изображения). Размеры больших изображений я бы рекомендовал сделать разрешением 1920*1080
Итак, папка создана, фоны загружены и вам останется лишь указать количество подгружаемых фонов вот в этом участке скрипта:
// Количесиво подгружаемых фонов минус 1
var numer = 13;
13 - это 12 подгружаемых фонов + 1 (Единицу прибавляем по причине некоторых особенностей скрипта)
Все права на скрипт принадлежат M7ATRIX и сайту http://www.wotkata.ru
Скрипт из прикреплённого архива залейте в папку js
Другой вариант кода с скарллирующей кнопкой с права, немного подкориктирован мной), да простит меня Apocalypse:
Процедура установки такая же:
Code
<style>
#vkontakte_button img {
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
}
</style>
<style>
body {margin:0;padding:0;}
#apofd{
height:100%;
width:100%;
position:fixed;
z-index:-100;
}
#apofd img{
height:100%;
width:100%;
position:fixed;
z-index:-100;
padding-top:0px;
}
</style>
<script type="text/javascript">
$(function($) {
$("#vkontakte_button img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-76px'}, {queue:false, duration: 350});
// $(this).css('right', '-76px');
}
);
});
</script>
<a id="vkontakte_button" href="javascript:apofn()" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://scriptoza.my1.ru/xml/26762164.gif">
</a>
<div id="apofd"></div>
<script src="http://scriptoza.my1.ru/js/apofn.js"></script>
#vkontakte_button img {
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
}
</style>
<style>
body {margin:0;padding:0;}
#apofd{
height:100%;
width:100%;
position:fixed;
z-index:-100;
}
#apofd img{
height:100%;
width:100%;
position:fixed;
z-index:-100;
padding-top:0px;
}
</style>
<script type="text/javascript">
$(function($) {
$("#vkontakte_button img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-76px'}, {queue:false, duration: 350});
// $(this).css('right', '-76px');
}
);
});
</script>
<a id="vkontakte_button" href="javascript:apofn()" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://scriptoza.my1.ru/xml/26762164.gif">
</a>
<div id="apofd"></div>
<script src="http://scriptoza.my1.ru/js/apofn.js"></script>
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
фоновых, Генератор, выбора, рисунков, ucoz, для, null
Пользователи/
» Скрипты для uCoz/
1134 /
0
| html-cсылка на публикацию | |
| BB-cсылка на публикацию | |
| Прямая ссылка на публикацию |
| Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
