05:08
Замечательный слайдер изображений для вашего сайта. Смотрится просто здорово
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<script src="/js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: '/images/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
<link rel="stylesheet" href="/css/global.css">
Следующий код в то место, где будет сам слайдер:
Code
<center>
<div id="example">
<div id="slides">
<div class="slides_container">
<a href="Ссылка" title="Заголовок" target="_blank"><img src="Ссылка на картинку" width="570" height="270"></a>
<a href="Ссылка" title="Заголовок" target="_blank"><img src="Ссылка на картинку" width="570" height="270"></a>
<a href="Ссылка" title="Заголовок" target="_blank"><img src="Ссылка на картинку" width="570" height="270"></a>
<a href="Ссылка" title="Заголовок" target="_blank"><img src="Ссылка на картинку" width="570" height="270"></a>
</div>
<a href="#" class="prev"><img src="/images/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="/images/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="/images/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
</div>
</center>
Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images
