Вращение изображений при помощи Javascript
Ромка — Ср, 03/04/2009 - 14:45
Использовать плагин предельно просто, он реализует две функции rotate и rotateAnimation, которые принимают ряд параметров, детально описанных в документации. Например, для поворота изображения достаточно использовать код:
<?php
$('#image').rotate(-25);
?>
Немного более сложный пример. Поворачиваем изображение при наведении на него курсора мышки и возвращаем его в исходное состояние, когда курсор не находится над изображением:
<?php
var rot=$('#image3').rotate({
bind:
[
{
"mouseover":
function() {
rot.rotateAnimation(35);
}
},
{
"mouseout":
function() {
rot.rotateAnimation(0);
}
}
]
});
?>
Скачать плагин можно на сайте автора. В комментариях к плагину приведены примеры его использования.
К сожалению, на данный момент, плагин может глючить в IE, но автор обещает исправить эту недоработку к релизу плагина (пока доступна версия 0.5). Версию этого плагина для библиотеки mootools можно найти тут: http://www.piksite.com/mRotate/.
Обновление. Несколько дней назад стала доступна версия 0.7 плагина. В ней немного изменился метод вызова анимации, а также исправлены глюки из-за которых плагин не работал в Internet Explorer.
хм... Интересно, спасибо.
SiLeNt → Пнд, 03/16/2009 - 02:23хм... Интересно, спасибо. Попробую логотип на своём сайте оживить.
Спасибо.
Alex Leo (не проверено) → Втр, 03/31/2009 - 13:49Спасибо за чудечный скриптик, добавлю в коллекцию к остальным... думаю пригодится
Красиво, но в осле не
Igor (не проверено) → Втр, 05/12/2009 - 19:39Красиво, но в осле не работает.
В Опере тоже не фунциклирует.
Tesmon (не проверено) → Вс, 05/24/2009 - 12:01В Опере тоже не фунциклирует. Просто три одинаковые картинки видно.
Вышла новая версия плагина wilq32
Ромка → Чт, 06/18/2009 - 22:17Вышла новая версия плагина! Теперь он работает в ИЕ. Правда в Опере (тестировал на 9.64) по прежнему не работает.
прикольно. кстати в новом
Anonymous (не проверено) → Пт, 07/31/2009 - 21:07прикольно.
кстати в новом файрфоксе уже есть элементы 3d css.
на данной странице не
pinnokio (не проверено) → Пт, 02/05/2010 - 01:50на данной странице не работает, а в примерах автора все отлично работает: и в опере, и в ИЕ, и хроме, и в мазилле.
качество
Anonymous (не проверено) → Сб, 11/07/2009 - 12:52В опере качество ухудшается.. А в ИЕ отличное, правда у меня идет смещение картинки вправо, но это легкопоправимо.. Никто не подскажит что можно с качеством придумать?..
В Firefoxe теряется позиция
pablobablo (не проверено) → Вс, 10/10/2010 - 08:05Плагин хороший, но если картинку позиционировать абсолютно, то в Firefox эта позиция теряется в то время, когда запускается ротация. Надеюсь, что автор этого плагина исправит такую досадную ошибку.
Re: Юрий!
Бобров Вячеслав (не проверено) → Пнд, 02/07/2011 - 12:10Юрий!
thanx
ray (не проверено) → Втр, 02/15/2011 - 23:37спасибо, толково
Re: Спасибо.
Меховщиков Руслана → Сб, 05/28/2011 - 21:01Спасибо.
da poshol ty so svoim jquery
Anonymous (не проверено) → Ср, 11/09/2011 - 01:33da poshol ty so svoim jquery padla
убиться о стену, не работает
Вася (не проверено) → Пт, 12/16/2011 - 16:27убиться о стену, не работает и всё! Голову поломал уже, как его включит?