我写了下面的代码。需要在 IE 版本上运行,所以使用过滤器进行旋转。点击按钮几次,这将更新图像的宽度,将重新定位图像。
任何帮助将不胜感激。
<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>