Главная » Файлы » Прочие скрипты » 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

Категория: jQuery | Добавил: Apocalypse | Теги: WoW, картинок, оригинальным, Через, Стильный, плагин, смены, эффектом, Slider, слайдер
Просмотров: 278 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: