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

Интересный слайдер изображений с эффектом переворачивания картинки на jQuery 1.4.4
23.06.14, 11:56:50

Скачать файл




Довольно-таки интересный слайдер с оригинальным эффектом смены картинки. Для работы на uCoz сайтах нам будет необходимо подключить дополнительную библиотеку jQuery 1.4.4 для правильного отображения всех эффектов

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/styles.css" />


После /body на тех же страницах вставляйте:
Код
<script src="/js/jquery.min.js"></script>
  <script src="/js/jquery.rotate.js"></script>
  <script src="/js/script.js"></script>


Следующий код в то место, где будет сам слайдер:
Код
<div id="slideShowContainer">
  <div id="slideShow">
  <ul>
  <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li>  
  <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li>  
  <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li>  
  <li><img src="Ссылка на картинку" width="100%" alt="Описание" /></li>  
  </ul>
  </div>
  <a id="previousLink" href="#">»</a>
  <a id="nextLink" href="#">«</a>


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

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: изображений, интересный, переворачивания, на, JQuery, эффектом, картинки, 1.4.4, слайдер
Просмотров: 328 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: