jQueryRotate – jQuery плагин для поворота изображений

jQueryRotate это простой jQuery плагин позволяющий повернуть картинку по или против часовой стрелки

Источник

wilq32.adobeair.pl/jQueryRotate/Wilq32.jQueryRotate.html

Скачать

Примеры

повернуть картинку

Установка

1 2	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="/jquery.jqueryrotate .js"></script>

[/html

Вызов плагина:

jQuery(imgElement).rotate(angleValue)
 
jQuery(imgElement).rotate(parameters)
 
jQuery(imgElement).rotateAnimation(parameters)

jQueryRotateElement – !!! NOTICE !!! function return rotateElement instance to help connect events with actually created ‘rotation’ element.

Настройка

…

Параметры:

параметр

значение по умолчанию

описание
angle

0

Угол поворота в градусах
preservePosition

*

после поворота картинка будет занимать столько же места на странице
animateAngle

*

Анимированный поворот на указанный угол
maxAngle

*

Максимальный угол поворота допустимый при анимации
minAngle

*

Минимальный угол поворота допустимый при анимации
callback

*

Пользовательская функция, вызываемая по завершению анимации
animatedGif

*

Значения (true/false). Указывает что изображение это анимированный gif. Работает только в firefox/chrome/safari !!! и может заметно замедлять работу браузера
bind

*

Список событий применяемый для поворачиваемой картинки (цепочка jQuery)

Пример вызова:

$(document).ready(function(){
   $('#image3').rotate({maxAngle:25,minAngle:-55,
   bind:[
      {"mouseover":function(){$(this).rotateAnimation(85);}},
      {"mouseout":function(){$(this).rotateAnimation(-35);}}
      ]
   });
});

Категории: показ картинок

jquery обзор плагинов