jQuery

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

Настройка

Вы можете полностью настроить слайдер под сайт, блог указав значения нескольких перменных, тем самым изменив количество картинок в слайдере, отступы между ними, скорость анимации и тд.

Скорость!

Слайдер использует наиболее облегченные методы jQuery.

Полностью бесплатно!

Во всех случаях пользоваться слайдером можно бесплатно!

Браузеры

Галерея поддерживает большинство браузеров - Internet Explorer 6 - 9, FireFox 3-4, Opera 8-10, Chrome.

Случайная смена изображений!

Автоматическая смена изображений, каждые 5 секунд, вы можете реугелировать данный параметр в настройках слайдера

Слайдер изображений slyshow

Футбол (англ. football, «ножной мяч»). В настоящее время самый популярный и массовый вид спорта в мире.

Виноградная улитка — наземный брюхоногий моллюск отряда лёгочных улиток семейства гелицид.

Любовь — чувство, свойственное человеку, глубокая, самоотверженная привязанность к другому человеку...

Правообладателями данных фотографий являются их владельцы, подробнее об этом на сайте fiveprime.org

Как установить слайдер?

Во-первых, подключите js библиотеки, css

<link href="css/slyshow.css" rel="stylesheet" type="text/css" media="screen, projection" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/slyshow.js"></script>

Во-вторых, вставьте изображение

Не забудьте указать атрибуты src, alt, class. Особенно не забудьте указать alt, зи него формеруется подсказка!

  
<div id="starconteiner">
	<img class="slyshow" alt="Футбол (англ. football, «ножной мяч»). В настоящее время самый популярный и массовый вид спорта в мире." src="../images/slyshow/1.jpg" />
	<img class="slyshow" alt="Женщина юного возраста!" src="../images/slyshow/2.jpg" />
	<img class="slyshow" alt="Виноградная улитка  — наземный брюхоногий моллюск отряда лёгочных улиток семейства гелицид." src="../images/slyshow/3.jpg" />
	<img class="slyshow" alt="Красота!" src="../images/slyshow/4.jpg" />
	<img class="slyshow" alt="Любовь — чувство, свойственное человеку, глубокая, самоотверженная привязанность к другому человеку..." src="../images/slyshow/5.jpg" />
	<img class="slyshow" alt="Стоп!" src="../images/slyshow/6.jpg" />
</div>

В-третьих, настройка плагина (параметры)

var ssec = 5; // время перелистывания
var snum = 6; // кол картинок
var smargin = 40; // отсутупы между картинками в пикселях
var sborder = 2; // рамка картинок в пикселях

Переменные плагина
var ssec = 5;	время перелистывания, в данном случае 5 секунд
var snum = 6;	кол картинок, щдесь 6 картинок
var smargin = 40;	отсутупы между картинками в пикселях, здесь 40 пикселей
var sborder = 2;	рамка картинок в пикселях - 2 пикселя

Лицензия

Продукт распространяется на условиях лицензии creativecommons.org

Загрузка файлов

zip архив(slyshow 1.0) Загрузок - 1372