Поворот изображения в Jquery для IE 6> - PullRequest
2 голосов
/ 20 марта 2011

Я надеялся, что кто-нибудь сможет пролить свет на IE 6> код поворота изображения.Я пытался использовать (http://code.google.com/p/jquery-rotate/) безуспешно. Я могу повернуть изображение на основе этого сообщения ( Stackoverflow ) для FF, Chrome и Safari.

Буду признателен за любую помощь или направление для поворота изображения под углом 45 градусов. Спасибо.

Пример: Мой тест на вращение

Ответы [ 4 ]

12 голосов
/ 20 марта 2011

Используйте отличный плагин jQuery Rotate.http://code.google.com/p/jqueryrotate/. Поддерживается всеми основными браузерами

* Internet Explorer 6.0 >
* Firefox 2.0 >
* Safari 3 >
* Opera 9 >
* Google Chrome 

Чтобы повернуть изображение, все, что вам нужно сделать, это $('#myImage').rotate(30) //for a 30 degree rotation Где #myImage - это идентификатор элемента, который вы хотите повернуть.

0 голосов
/ 25 марта 2013

Это старый вопрос, но все пошло дальше, так как его спросили, поэтому, если люди все еще читают это, я добавлю альтернативное решение, которое работает хорошо:

Для всех браузеров вВ настоящее время, за исключением IE8 и более ранних версий, простейшим решением для поворота элемента является стандартный синтаксис CSS transform:rotate(45deg).

. Для IE6 / 7/8 лучшим вариантом является JavaScript-бумага CSS javascriptlibrary.

CSS Sandpaper реализует стандартный синтаксис вращения CSS, наряду с некоторыми другими функциями CSS.Это означает, что вы можете использовать стандартный синтаксис CSS во всех браузерах.

Хорошая вещь в этом заключается в том, что, хотя вы используете javascript для IE, вам не нужно включать какой-либо код JS для других браузеров., что должно быть хорошо для производительности.Также хорошо использовать веб-стандарты в браузерах, которые их поддерживают.

0 голосов
/ 20 марта 2011

На мой взгляд, CSS3 - это путь, потому что (в этом сценарии) вы можете просто сделать transform: rotate(xxdeg);.Существуют методы обеспечения обратной совместимости, такие как: http://fetchak.com/ie-css3/
Надеюсь, это поможет!

0 голосов
/ 20 марта 2011

Вы читали ... http://developercity.blogspot.com/2010/09/rotate-div-or-image-using-jquery-ie-and.html

РЕДАКТИРОВАТЬ: Попробуйте это: http://pastebin.com/gB4iATpm

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