Слайдер изображений slyshow
Правообладателями данных фотографий являются их владельцы, подробнее об этом на сайте 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/1.jpg" /> <img class="slyshow" alt="Женщина юного возраста!" src="images/2.jpg" /> <img class="slyshow" alt="Виноградная улитка — наземный брюхоногий моллюск отряда лёгочных улиток семейства гелицид." src="images/3.jpg" /> <img class="slyshow" alt="Красота!" src="images/4.jpg" /> <img class="slyshow" alt="Любовь — чувство, свойственное человеку, глубокая, самоотверженная привязанность к другому человеку..." src="images/5.jpg" /> <img class="slyshow" alt="Стоп!" src="images/6.jpg" /> </div>
В-третьих, настройка плагина (параметры)
| Переменные плагина | |
| var ssec = 5; | время перелистывания, в данном случае 5 секунд |
| var snum = 6; | кол картинок, щдесь 6 картинок |
| var smargin = 40; | отсутупы между картинками в пикселях, здесь 40 пикселей |
| var sborder = 2; | рамка картинок в пикселях - 2 пикселя |