Четверг, 16.05.2024, 21:21
Друг Вокруг
Приветствую Вас Гость | RSS
Главная | Все для Ucoz | Регистрация | Вход
Категории раздела
Шаблоны для ucoz [7]
Скрипты для uCoz [23]
Кнопки для сайта [3]
Шапки для сайтов [0]
Иконки для Ucoz [2]
Графика для сайта [0]
Ajax для uCoz [0]
Меню для uCoz [1]
Мини-профиль для uCoz [2]
Программы для web-мастера [1]

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Фон сайта с меняющимися картинками и фото
21.02.2017, 18:31
Скрипт смены фона будет работать даже в материале модуля, как здесь.Поэтому для установки достаточно поместить весь код в любом месте в зону HTML, например:

1.Если одни и те же картинки будут использоваться на всех страницах сайта тогда поместите весь код скрипта в "Нижнюю часть сайта".

2.Если делать разный фон для всех страниц модулей отдельно, тогда на каждой странице модуля ( например "Главная страница", "Страница категорий" и т.д ) поместите код скрипта перед закрывающим тегом .

3.Если background на сайте будет меняться в каждом материале, тоесть каждый отдельно взятый материал будет иметь свой изменяющийся фон, тогда поместите весь код скрипта в материале - добавив его через "Панель HTML кодов".
Хочу сразу предупредить, хоть картинок и можно использовать неограниченное количество, не стоит применять их более 6 - 7 и использовать только расширение .jpeg или .jpg.Размер применяемых изображений будет растянут по всей ширине\высоте но желательно подобрать побольше.Если что не понятно с установкой или есть дополнительные пожелания, подробнее опишите их в форме комментариев.В нижней части материала есть редактор для проверки скриптов в действии, воспользуйтесь им чтобы проверить код установки в действии.

Код скрипта для установки
Код
<script src="http://delaisait.ucoz.ru/js/jQuery/plugin/backstretch_version_1.2.5.js">
</script>
<script>
var images = [
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_1.jpg",
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_2.jpg",
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_3.jpg",
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_4.jpg",
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_5.jpg",
"http://delaisait.ucoz.ru/script/img/1/galerea/dsgalery_6.jpg"
];
var index = 0;
$.backstretch(images[index], {speed: 500});
setInterval(function() {
index = (index >= images.length - 1) ? 0 : index + 1;
$.backstretch(images[index]);
}, 5000);
</script>


Библиотека jQuery для проверки работоспособности
Библиотека нужна только для проверки работы эффекта изменения фона в редакторе ниже!!! Не устанавливайте библиотеку к себе на сайт если он на uCoz, у Вас она уже есть. 


Код для проверки в редакторе
<script type="text/javascript" src="http://s107.ucoz.net/src/jquery-1.7.2.js"></script>


Проверьте как работает эффект
Пометите в редактор библиотеку jQuery и код скрипта для установки, посмотрите работу эффекта в действии.



Категория: Скрипты для uCoz | Добавил: olya_lukyanova_56
Просмотров: 306 | Загрузок: 0 | Рейтинг: 3.0/4
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт

Поиск

Друзья сайта

Copyright MyCorp © 2024