Замечательный слайдер изображений для вашего сайта. Смотрится просто здорово
Для начала посмотрите: ДЕМО Установка:
После /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
http://www.apo-ucoz.com
|