Click here to Skip to main content
       

Web Development

 
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
QuestionWidth issue with Rotated ImagememberSifar - 025 Oct '12 - 3:32 
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.

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   


Advertise | Privacy | Mobile
Web03 | 2.6.130516.1 | Last Updated 18 May 2013
Copyright © CodeProject, 1999-2013
All Rights Reserved. Terms of Use
Layout: fixed | fluid