<script language="JavaScript">
var flag=false;
function DrawImage(ImgD,imageWidth,imageHeight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= imageWidth/imageHeight){
if(image.width>imageWidth){
ImgD.width=imageWidth;
ImgD.height=(image.height*imageWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>imageHeight){
ImgD.height=imageHeight;
ImgD.width=(image.width*imageHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
用法:<img src="xxx" onload="javascript:DrawImage(this,120,60) ;"/>
分享到:
相关推荐
图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示图片缩略图展示
用wpf实现的,带缩略图,可以用缩略图实现图片的放大缩小和拖动
jQuery左右滚动支持图片放大缩略图图片轮播代码(附demo,可直接用)
上传图片、缩略图 无刷 兼容FF、ie6 7 8 同比例缩放
js图片幻灯片带缩略图,支持多种样式 javascript js 图片切换 图片轮换 缩略图
RockScroll 是一个用于代替 VS 代码编辑器右侧滚动条的代码缩略图插件。 RockScroll 很简单,只是用代码缩略图代替了 Visual Studio 中代码编辑器右边的滚动条。 可以在 VS 2005 和 VS 2008 下使用。 <br>...
动态缩略图实现方案,java实现动态缩略图
java 上传图片时生成对应的缩略图,缩略图的大小可手动更改,代码中有详细注释
在网上找了好久都没有一个好的图片上传组建,于是我自己弄了一个, 功能非常 强大。而且最终要的是 能够显示缩略图,一次上传多张,生成缩略图,按比例缩放。添加水印都有。而且能够兼容时下的各种浏览器。 Jquery
上传图片并生成高清晰缩略...baidu或者google,c#的方法也是很多的,但是一用却发现缩略图不清晰啊,缩略图片太大之类的事情,下面是我在处理图片上的代码,效果不错,所以拿出来分享,(效果能达到一些绘图软件的效果)
网上提供的很多JS自动让图片生成缩略图一般的只是用在静态页面上的一个图片,如果像对ASP产品页面生成出来的多张图片就不起作用了,有了这个代码就可以解决这个问题了,让所有读取数据库的产品图全都缩略..
java程序开发中,将图片以缩略图形式展示,不错的资料,欢迎下载,共同学习
原生js图片淡出淡进底部带缩略图的图片切换代码
一张图片实现鼠标滑过缩略图显示大图片JS代码
附带缩略图的JS图片轮换 特效 网页特效 flash特效 脚本代码.rar附带缩略图的JS图片轮换 特效 网页特效 flash特效 脚本代码.rar
js实现图片等比缩略显示 支持IE/FF
原生js图片插件缩略图片控制大图淡出淡进切换支持图片轮播切换
从网上拷贝下来的一个js显示缩略图的功能,改了一下,大家下载下来可根据自己需求去改。 <body> <div id="preview_wrapper"> <div id="preview_fake"> (this,200,200)"/> </div> </div> (this,'...
1、鼠标点击缩略图片显示大图片 2、缩略图片可自动控制,点击最后一张小图片时会自动向左(右)移动一张图片,并且有按钮控制所有缩略图片
上传图片(生成缩略图)