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

Простой автоматический ротатор изображений с fade эффектом через плагин tweening на jQuery для uCoz
23.06.14, 14:59:52

Скачать файл




Очень простой ротатор картинок с приятным эффектом перехода

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

Установка:

После /head вставляйте:
Код
<script src="/js/jquery.bgImageTween.cc.js" type="text/javascript"></script>


Следующий код туда, где будет ротатор:
Код
<div id="tween" style="color:white;width:460px;height:320px;">
<small></small>
</div>
  <script>
//<![CDATA[  
$(document).ready(function() {  
$('#tween').bgImageTween(['Ссылка на картинку',  
'Ссылка на картинку',  
'Ссылка на картинку',  
'Ссылка на картинку',  
'Ссылка на картинку'], 3000, 2000);  
});  
//]]>  
</script>


3000 - интервал между сменой картинок
2000 - за сколько будет происходить эффект плавного замещения одной картинки на другую

Залейте скрипт из прикреплённого архива в папку js

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

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