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

Вращение изображений через плагин jquery rotate для uCoz
24.06.14, 08:41:52

Скачать файл




ДЕМО

Данный плагин позволяет поворачивать картинки на нужный угол как статично, так и при наведении курсора. Также позволяет бесконечно вращать картинку

Установка:

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

  <script type="text/javascript">  
  jQuery(document).ready(function() {  

  // Функция статичного поворота на 45 градусов  
  jQuery("#rotate1").rotate(45);  

  // Постоянное вращение картинки  
  var angle = 0;  
  setInterval(function(){  
  angle+=3;  
  jQuery("#rotate2").rotate(angle);  
  },50);  

  // Поворот при наведении курсора на 180 градусов  
  jQuery("#rotate3").rotate({
  bind:
  {
  mouseover : function() {
  $(this).rotate({animateTo:180})  
  },  
  mouseout : function() {
  $(this).rotate({animateTo:0})  
  }  
  }
  });  

  });  
  </script>


В любое место вставляем картинки:
Код
<img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate1" />  

  <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate2" />  

  <img src="Ссылка на картинку" width="160" height="160" alt="" id="rotate3" />


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

Источник: http://www.xiper.net

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