Width issue with Rotated Image
-
I have written below code. Need to run on IE versions, so used filter for rotation. Clicking several times on the button, that will update the width of the image, will re-position the image. Any help will be appreciated.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Zoom Issue</title><style>
.ImgClass{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
height : auto;
width : 100%;}
.divClass{
width : 800px;
height : 750px;
}</style>
</head><SCRIPT type="text/javascript">
function zoomImage(){
document.getElementById('myImage').style.width = document.getElementById('myImage').offsetWidth * 1.5;
}
</SCRIPT><body>
<input type="button" id='btnClick' value='Click' onClick="zoomImage();"/>
<DIV class='divClass'>
<IMG class='ImgClass' id='myImage' src='Image.jpg' />
</DIV></body>
</html>Regards, -SIFAR.