CODEWITHSUNDEEP
jqueryinternet-explorer-6jquery-rotate
Lawrence
Lawrence

Reputation: 845

Jquery Rotate IE6 Issue

Currently I am using jquery rotate plugin to rotate a image on the page, everything works fine in all browsers on my side. The problem is that our qa dept. is looking at their ie6 vm and they are not seeing the image that is rotated on the page(actually they see the image for a split second and then it dissapears. The main difference between our vm's is that they are using ie6 6.0.290 and i am using 2.0.260. I am just trying to find out from someone if they might see a problem with my code or maybe make a suggestion. Here is my jquery:

$(window).load(function () {
    $('#main-image img').rotate(90);
    $('#main-image .rvml').css({ 'margin': '-65px 0 0 -105px' });

    if ($('.ie6, .ie7').length) {
        $('#main-image .photo').css({ 'overflow': 'hidden', 'height': '240px' });
        $('#main-image .rvml').css('position', 'relative');
    }

    if ($('.ie6, .ie7, .ie8').length) {
        $('#main-image img').css('visibility', 'visible');
    } else {
        $('#main-image img').fadeIn('fast');
    }
});

Also here is the plugin i have been using: http://code.google.com/p/jqueryrotate/

Upvotes: 0

Views: 703

Answers (1)

Jake Johnson
Jake Johnson

Reputation: 373

Since you're rotating the image by 90 degrees, you can use the DXImageTransform.Microsoft.BasicImage rotation property.

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx

#main-image img { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

Upvotes: 3

Related Questions