Поворот изображения jQuery с помощью плагина jQueryRotate - PullRequest
0 голосов
/ 31 января 2012

Я пытаюсь сделать так, чтобы, когда вы наводите курсор мыши на элемент div, он вызывал поворот изображения в другом элементе div.

Я пытался использовать этот плагин, http://code.google.com/p/jqueryrotate/

Вот мой код в jsFiddle.Зеленый квадрат вращается с использованием CSS3, однако мне нужно поддерживать IE9 +, поэтому мне нужно сделать это с помощью jQuery!

Синий квадрат - это тот, который я пытаюсь анимировать с помощью jQuery, для целей примераЯ только что прогуглил случайное изображение, так как я читал, что вы не можете повернуть div с помощью jQuery, только изображения.

http://jsfiddle.net/D6HQR/

Я действительно понятия не имею, что я делаю неправильно, можетлюбые мастера jQuery, пожалуйста, спасите меня !!!!

ОБНОВЛЕНИЕ

http://jsfiddle.net/HAqQT/

Теперь у меня работает плагин jQueryRotate, однако он не работает в IE9.Веб-сайт заявляет, что он должен работать для IE6 +

. В настоящий момент синий квадрат непрерывно вращается с помощью jQuery, зеленый квадрат вращается при наведении курсора на кнопку с помощью CSS3.

Может ли кто-нибудь увидетьпричина, по которой jQuery не работает в IE9 +?

UPDATE 2

http://jsfiddle.net/tpHdg/

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

Все еще ищите справку по несовместимости IE9.

Окончательное обновление

Спасибо всем, кто помог, в конце концовЯ медленно пробирался через это.Причина, по которой он не работал в IE9, заключалась в настройке фильтра ActiveX, что бы это ни было ...

На данный момент у меня работает версия jQuery и версия CSS3, когда она болееподдерживается.Если вы хотите проверить обе версии, вот ссылки ... Не стесняйтесь повторно использовать код, если он помогает вашему проекту!

http://mathewhood.com/misc/css3/rotate/ - CSS3 http://mathewhood.com/misc/js/rotate/ - JS

Еще раз спасибо!

1 Ответ

0 голосов
/ 31 января 2012

Я разработал некоторый код на основе примеров плагинов: http://jsfiddle.net/MJyFf/

Ps .: Ваш исправленный код работает в IE9.
Ps2 .: Наведите курсор на синий квадрат в моем примере

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