СЛАЙДЕР CRAFTYSLIDE ДЛЯ UCOZ
На данный момент в интернете есть очень много различных плагинов для организации слайдшоу. Слайдер который представлен в данном материал предназначен для тех, кто ищет инструмент с минимальным размером и стандартными опциями. Скрипт имеет размер меньше 2 kB, отлично отображается во всех браузерах. Смена изображений осуществляется плавно, а для навигации имеется - кнопочная панель.
Установка(Ucoz):
Для начало нужно подключить бибилиотеку jQuery, для этого нужно вставить данный код в нижнюю часть сайта:
Доступно тільки для користувачів
Затем нам нужно установить стили слайдера, для этого вам нужно вставить этот код в таблицу стилей вашего шаблона:
Доступно тільки для користувачів
Ну и напоследок нужно вывести данный слайдер на нужном нам месте, для этого установите этот код там где хотите видеть слайдер:
Доступно тільки для користувачівГотово, слайдер установлен. Главная особенностью слайдера является то что он имеет маленький размер веса, тем самим не грузит сайт удобен в использовании, к нему легко пристроить информер.
Код
<script>
$("#slideshow").craftyslide({
'width': 640,
'height': 400,
'pagination': false,
'fadetime': 200,
'delay': 2000
};);
</script>
width - ширина слайдшоу
height - высота слайдшоу
pagination(true/false) - определяет, будет выводиться индикатор страниц или нет. Задайте false, чтобы скрыть индикатор страниц и включить автоматический режим.
fadetime - скорость анимации
delay - время показа слайда
Для того чтобы сделать ссилки кликабельними нужно
Код
<img src="Ссылка на картинку" alt="" title="Название картинки" />
на
Код
<a href="ссилка"> <img src="Ссылка на картинку" alt="" title="Название картинки" /></a>
и так делаем со всема картинками)