仪琳
中级会员
 
一般会员
UID 21651
精华
0
积分 224
帖子 162
金钱 224 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2003-7-14
状态 离线
|
js能如此处理图片吗？
我希望下面的代码能够做到：
1、如果图片宽度大于680，则自动将图片的宽度设为680。小于680，则显示原尺寸。
2、同时放大的宽度极限也是680。也就是最大放大宽度不能超过680。如果原图小于680，最大放大宽度不能超过原图宽度。
<script language="JavaScript">
var zoomLevel = 0;
var currentWidth = 0;
var currentHeight = 0;
var originalWidth = 0;
var originalHeight = 0;
function initial(){
currentWidth = document.testImage.width;
currentHeight = document.testImage.height;
originalWidth = currentWidth;
originalHeight = currentHeight;
update();
}
function zoomIn(){
document.testImage.width = currentWidth*2;
document.testImage.height = currentHeight*2;
zoomLevel = zoomLevel + 1;
update();
}
function zoomOut(){
document.testImage.width = currentWidth/2;
document.testImage.height = currentHeight/2;
zoomLevel = zoomLevel - 1;
update();
}
</script>
<input type="button" value="放大" onclick="zoomIn()">
<input type="button" value="缩小" onclick="zoomOut()">
<img src=<%= request("testImage")%> name="testImage" id="testImage" >
| 
http://www.zhuatu.com
|
|
