Блог
Главная » jQuery » Простой автоматический ротатор изображений с fade эффектом через плагин tweening на jQuery для uCoz
23:59




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

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

Установка:

После /head вставляйте:

Code

<script src="/js/jquery.bgImageTween.cc.js" type="text/javascript"></script>


Следующий код туда, где будет ротатор:
Code

<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

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?