06:36
Отличный плагин для вашего сайта. Красивое исполнение не оставит вас равнодушными
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<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>
Следующий код в то место, где будет сам слайдер:
Code
<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, стиль в папку css и все картинки в папку images
