Главная » Файлы » Прочие скрипты » jQuery |
Стильный слайдер с оригинальным эффектом смены картинок через плагин WOW Slider на jQuery
23.06.14, 13:42:36 | |
Очень интересный слайдер с неповторимым эффектом смены картинок Для начала посмотрите ДЕМО Установка: После тега /head на нужных страницах вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" /> <style type="text/css">a#vlb{display:none}</style> В то место, где хотите видеть слайдер, вставляйте: Код <div id="wowslider-container"> <div id="wowslider-images"> <a href="#"><img src="Ссылка на картинку" title="Aircraft carrier" id="wows0"/></a> <a href="#"><img src="Ссылка на картинку" title="Aircraft carrier" id="wows1"/></a> <a href="#"><img src="Ссылка на картинку" title="Aircraft carrier" id="wows2"/></a> <a href="#"><img src="Ссылка на картинку" title="Aircraft carrier" id="wows3"/></a> <a href="#"><img src="Ссылка на картинку" title="Aircraft carrier" id="wows4"/></a> </div> <div class="ws_bullets"> <a href="#wows0" title="Aircraft carrier"></a> <a href="#wows1" title="Costa Atlantica"></a> <a href="#wows2" title="Fred. Olsen Cruise Lines"></a> <a href="#wows3" title="The modern warship"></a> <a href="#wows4" title="Sailing frigate"></a> <a href="#wows5" title="Sailing yacht"></a> </div> <div id="wowslider-shadow"></div> </div> <script type="text/javascript" src="/js/script.js"></script> </div> Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images Материал подготовлен Apocalypse | |
Просмотров: 340 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |