【免费】Javascript等比缩图资源-CSDN文库

共2个文件

html：1个

jpg：1个

Javascript等比缩图

客户端图片缩放

需积分: 0 63 浏览量 2008-09-09 14:13:58 上传评论收藏 92KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

Js等比缩图.rar （2个子文件）

Js等比缩图.html 2KB

a.jpg 101KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <script language="javascript"> function ResetImgSize(imgObj) { if (imgObj == null) return; try{ imgObj.onclick = function (){window.open(imgObj.src,"","")} imgObj.style.cursor = "hand"; imgObj.style.display = "inline"; var thumbnailSize = new ImgSize(); thumbnailSize.width = 100; thumbnailSize.height = 100; var sourceSize = new ImgSize(); sourceSize.width = imgObj.width sourceSize.height = imgObj.height; var lastSize = new ImgSize(); lastSize = GetLastImageSize(sourceSize,thumbnailSize) imgObj.width = lastSize.width; imgObj.height = lastSize.height; imgObj.title = "点击查看大图" }catch(e){} } function ImgSize() { this.width = 0; this.height = 0; } /// <summary> /// 设定最终输出图像的宽和高 /// </summary> /// <param name='sourceSize'>原图像尺寸</param> /// <param name='thumbnailSize'>目标图像尺寸</param> function GetLastImageSize(sourceSize,thumbnailSize) { var size = new ImgSize(); //原图宽和高都比目标图的宽和高小 if (sourceSize.width <= thumbnailSize.width && sourceSize.height <= thumbnailSize.height) { size.width = sourceSize.width; size.height = sourceSize.height; return; } //原图宽度大于目标宽度 if (sourceSize.width > thumbnailSize.width) { size.width = thumbnailSize.width; size.height = thumbnailSize.width*sourceSize.height/sourceSize.width; } //原图高度大于目标高度 if (sourceSize.height > thumbnailSize.height) { size.height = thumbnailSize.height; size.width = thumbnailSize.height*sourceSize.width/sourceSize.height; } var tmpWidth = size.width; var tmpHeight = size.height; //最终图的宽大于目标图的宽 if (size.width > thumbnailSize.width) { size.width = thumbnailSize.width; size.height = thumbnailSize.width*tmpHeight/tmpWidth; } //最终图的高大于目标图的高 if (size.height > thumbnailSize.height) { size.height = thumbnailSize.height; size.width = thumbnailSize.height*tmpWidth/tmpHeight; } /*//*/ return size; } </script> 原始图片 <img src="a.jpg" /> <br> <br> 等比缩放图 <img src="a.jpg" onload="ResetImgSize(this);" /> </body> </html>