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

Simple FadeSlideShow на jQuery для uCoz
24.06.14, 10:08:04

Скачать файл




Очередной неплохой слайдер изображений для вашего сайта

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

Установка:

На нужных страницах в самый верх:
Код
<link rel="stylesheet" type="text/css" href="/css/style.css" media="all" />  
  <script type="text/javascript" src="/js/fadeSlideShow.js"></script>  
  <script type="text/javascript">  
  $(document).ready(function(){  
$('#slideshow').fadeSlideShow();  
});  
  </script>


В то место, где должен быть слайдер:
Код
<div id="slideshowWrapper">  
<ul id="slideshow">  
<li><img src="Ссылка на изображение" width="640" height="480" border="0" alt="" /></li>  
<li><img src="Ссылка на изображение" width="640" height="480" border="0" alt="" /></li>  
<li><img src="Ссылка на изображение" width="640" height="480" border="0" alt="" /></li>  
<li><img src="Ссылка на изображение" width="640" height="480" border="0" alt="" /></li>  
</ul><br clear="all" />  
  </div>


Скрипт из прикреплённого архива залейте в папку js, стиль в папку css и картинку в папку images

Материал подготовлен и адаптирован Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: ucoz, на, JQuery, FadeSlideShow, Simple, для
Просмотров: 448 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: