Блог
Главная » jQuery » Вращение изображений через плагин jquery rotate для uCoz
14:04




ДЕМО

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

Установка:

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

<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>


В любое место вставляем картинки:
Code

<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

Категория: jQuery

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

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