Проблемы с поворотом изображения jQuery в IE7, IE8 и IE9

#jquery #internet-explorer #dom #rotation

#jquery #internet-explorer #dom #поворот

Вопрос:

Я использую этот плагин поворота jQuery здесь:

http://code.google.com/p/jqueryrotate/

Предполагается, что плагин безупречно поворачивает изображения в IE7, IE8, IE9 и т. Д., И я могу поворачивать изображения без каких-либо проблем:

http://jsfiddle.net/zmpdS/101/

Тем не менее, я сталкиваюсь с проблемами, связанными с двумя функциями .rotate() (предоставляемыми плагином) и .animate() (предоставляемыми в ядре jQuery)

Проблема в том, что jQuery Rotate перечисленные выше плагины используются RVML для поворота изображений в IE8 и IE7, тогда как в других браузерах это вращение CSS3. Итак, для RVML DOM манипулируется, и новые RVML теги не поддерживают .animate() функцию.

Есть ли выход?

  $(window).load(function() {

     $("#test").rotate({
         angle: 0,
         animateTo: -90,
         duration: 2000,
         easing: $.easing.EaseOutQuint
     }).animate({
         height: "128px",
         width: "128px"
     }, 1000);

 });

1. Комментариев нет Jasdeep…. Это было то, что вам нужно правильно… Пожалуйста, примите, если это помогло

2. Я не уверен, что это будет возможно. Рассматривали ли вы возможность просто оставить IE7 / IE8 позади; давая им поворот, но не анимацию?

3. Люди должны прекратить попытки придать старым браузерам (о IE7, безусловно, не может быть и речи, IE8 тоже должен быть) «эффектные эффекты». JS и механизмы рендеринга этих браузеров настолько медленные, что ухудшают весь пользовательский интерфейс, а не только эффект. Это именно то, для чего был создан Modernizr.

4. @Adam — 2 года назад, когда я опубликовал этот вопрос, IE7 и 8 получили очень достойное признание, а IE9 стал горячей новинкой. Я, наконец, решил просто оставить IE7 и IE8 без анимации и быть довольным только поворотом.

5. @JasdeepSingh — вау, это появилось в верхней части моего списка вопросов сегодня, потому что оно было недавно отредактировано, и я даже не noticed…..my лицо красное. :S

Ответ №1:

Проверьте это

http://jsfiddle.net/zmpdS/103/

 $(window).load(function() {

    $("#test").rotate({
        angle: 0,
        animateTo:180,
        callback: function(){   
            $("#test").animate({
                height: "128px",
                width: "128px"
            }, 1000);
        }
     })

});