| Главная » Файлы » Прочие скрипты » jQuery |
Вертикальный слайдер на jQuery
| 22.06.14, 20:09:30 | |
 Предоставляю ещё один слайдер для ваших нужд, но уже в вертикальном исполнении. Установка: На страницах, где будет использован данный скрипт в head вставляйте: Код <script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js"></script> <link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" /> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ vertical: true, scroll: 2 }); }); </script> Здесь у нас scroll: 2 - количество пролистываемых изображений при нажатии на стрелку Следующий код вставляйте в то место, где у вас будет сам слайдер: Код <ul id="mycarousel" class="jcarousel jcarousel-skin-tango"> <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li> <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li> </ul> Все изображения, естественно, меняйте на свои. Живой пример работы скрипта можете посмотреть ЗДЕСЬ Всё  На случай выхода ссылок из строя прикрепляю скрипт, css и стрелки в архиве
| |
| Просмотров: 488 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |