Слайдер изображений через плагин Orbit на jQuery
Отличный плагин для вашего сайта. Красивое исполнение не оставит вас равнодушными
Для начала посмотрите ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
1 2 3 4 5 6 7 8 9 10 11 |
<link rel="stylesheet" href="/css/orbit.css"> <script type="text/javascript" src="/js/jquery.orbit.min.js"></script> <script type="text/javascript"> $(window).load(function() { $('#featured').orbit({ 'bullets': true, 'timer' : true, 'animation' : 'horizontal-slide' }); }); </script> |
2#: Следующий код в то место, где будет сам слайдер:
1 2 3 4 5 6 |
<div id="featured"> <img src="Ссылка на картинку" alt="Link" /> <a href="Ссылка" target="_blank"><img src="Ссылка на картинку" alt="Описание" rel="ezioCaption" /></a> <img src="Ссылка на картинку" alt="Описание" /> <img src="Ссылка на картинку" alt="Описание" rel="marcusCaption" /> </div> |
Теперь залейте JS файл из прикреплённого архива в папку js, CSS файл в папку css и все картинки в папку images