Главная » Файлы » Прочие скрипты » jQuery

Стильный слайдер изображений через плагин slideJS на jQuery для uCoz
23.06.14, 14:53:48

Скачать файл




Замечательный слайдер изображений для вашего сайта. Смотрится просто здорово

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<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">


Следующий код в то место, где будет сам слайдер:
Код
<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

Материал подготовлен Apocalypse

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