Home Library Learn Downloads Support Community
Sign in | United States - English | |
2 out of 6 rated this helpful - Rate this topic

Rotation Property

Sets or retrieves the value that indicates whether the content is rotated in ninety-degree increments.

Syntax

HTML
N/A
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.BasicImage").Rotation [ = iRotation ]

Possible Values

iRotation Integer that specifies or receives one of the following values:
0
Default. Content is not rotated.
1
Content is rotated 90 degrees.
2
Content is rotated 180 degrees.
3
Content is rotated 270 degrees.

The property is read/write. The property has a default value of 0.

Example

This sample sets the BasicImage filter to rotate the content of a DIV element 270 degrees.

Copy 

<!-- This DIV is the target container for an image.  -->        
    <DIV ID="oDiv" STYLE="position:absolute; left:270px;" >
        An Image - >    
        <IMG SRC='/workshop/graphics/earglobe.gif' />
    </DIV>
<BUTTON onclick="oDiv.style.filter=
        'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'">
    Rotate 270 degrees</BUTTON><BR/>
<BUTTON onclick="oDiv.style.filter=''">Clear Filter</BUTTON><BR/>

Applies To

BasicImage
Did you find this helpful?
(1500 characters remaining)
Community Content Add
Annotations FAQ
Bravo
I wish I could change it by degree, is it that hard ?
History
always complaining
Now its 2012 and i hope you guys forget about complaining and realize that we have SVG or CANVAS which is native supported and which is developed to do such things with more peformace.
If you want a static rotated image then open your graphic application and rotate it and save it.

History
rotate by any degree
It would be great if we could rotate by any degree... yes
History
Yeah, it is 2011 not 1811!!
All other browser does support this. and like all other great css functions, does IE not support it! I hate to dev. to IE!
History
re: rotate by any degree
It's 2011, not 3011. Rotating an image is serious business! ... =|
History