Главная » Файлы » Прочие скрипты » jQuery
Простая автоматическая галерея с эффектом затухания при смене картинок через плагин FadeGallery на jQuery для uCoz
23.06.14, 14:19:24

Скачать файл



Простая, лёгкая как в настройке, так и в использовании, галерея с красивым эффектом плавного исчезновения при смене картинок

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

Установка:

После /head на нужных страницах вставляйте:
Код
<style type="text/css">
  .gallery {  
  width:180px;  
  height:180px;  
  padding:5px;  
  background:#eaf3f8;  
  border:1px solid #b7bec2;  
  margin:10px 0px 25px;  
  }  
  </style>  

  <script type="text/javascript" src="/js/fadegallery.jquery.js"></script>
  <script type="text/javascript">  
  $(document).ready(function(){  
  $(".gallery1").gallery({FadeIn:500,FadeOut:500,Delay:1000,Repeat:true});  
  });  
  </script>


Немного разберём настройки:
FadeIn:500, - Скорость появления картинки
FadeOut:500, - скорость затухания картинки
Delay:1000, - задержка (В миллисекундах)
Repeat:true - включен ли повтор (false, true)

Сами картинки прописываем следующим образом:

Код
<div class="gallery gallery1">
  <img src="Ссылка на картинку" width="180" height="180" class="galItem" alt="" />
  <img src="Ссылка на картинку" width="180" height="180" class="galItem" alt="" />
  <img src="Ссылка на картинку" width="180" height="180" class="galItem" alt="" />
  <img src="Ссылка на картинку" width="180" height="180" class="galItem" alt="" />
  <img src="Ссылка на картинку" width="180" height="180" class="galItem" alt="" />
  </div>


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

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