script 实现图片缩小
来源:互联网 发布:淘宝会员抓取软件骗局 编辑:程序博客网 时间:2024/05/01 19:44
script:
function resizeimg(ImgD,iwidth,iheight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
ImgD.style.cursor= "pointer"; //改变鼠标指针
ImgD.onclick = function() { window.open(this.src);} //点击打开大图片
if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器,如果是IE
ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";
ImgD.onmousewheel = function img_zoom() //滚轮缩放
{
var zoom = parseInt(this.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom> 0) this.style.zoom = zoom + "%";
return false;
}
} else { //如果不是IE
ImgD.title = "点击图片可在新窗口打开";
}
}
}
HTML:
<img id="imgDoc" border="0" src="test.jpg" onload="javascript:resizeimg(this,400,300);" >
*****************************************************************************************************************************
<script language="JavaScript">
{
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>=0){
if(image.width>100){
ImgD.width=100;
ImgD.height=(image.height*100)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>100){
ImgD.height=100;
ImgD.width=(image.width*100)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
}
</script>
<img src="321.jpg" border="0" onload="javascript:DrawImage(this);" >
- script 实现图片缩小
- jsp实现图片缩小
- javascript 实现图片放大缩小
- Android实现图片放大缩小
- Android实现图片放大缩小
- Android实现图片放大缩小
- Android 实现缩小图片像素
- Android实现图片放大缩小
- Android实现图片放大缩小
- UIScrollView实现图片放大、缩小
- Android实现图片放大缩小
- viewpager实现图片放大缩小
- JavaScript实现图片的放大、缩小、平移
- javascript实现图片放大与缩小
- 鼠标滚动实现图片放大缩小[转]
- extjs3.3.0图片放大缩小实现
- 图片放大、缩小、恢复操作的实现
- WriteableBitmap实现对图片的放大缩小
- 全球最低价:CN域名只要0.5元!
- 权限中增加RFC权限步骤
- 卸载微软验证程序
- 如何创建带参数多线程程序
- Guntella协议简介
- script 实现图片缩小
- StreamReader 按文本模式读写数据
- 编写高性能 Web 应用程序的 10 个技巧
- c#获取当前应用程序所在路径
- 微软的SQLHelper类(含完整中文注释)
- 使用图片创建不规则窗体 windows sdk
- StreamWriter 按文本模式写数据
- 使用SQL存储过程有什么好处
- 日系框架之Mayaa:HTML模板引擎