js实现缩略图
来源:互联网 发布:宜家椅子 知乎 编辑:程序博客网 时间:2024/04/30 06:42
一段javascript实现缩略图的好代码,可以实现缩略图,代码如下
<script language="javascript">
//显示缩略图
function DrawImage(ImgD,width_s,height_s){
/*var width_s=139;
var height_s=104;
*/
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>=width_s/height_s){
if(image.width>width_s){
ImgD.width=width_s;
ImgD.height=(image.height*width_s)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>height_s){
ImgD.height=height_s;
ImgD.width=(image.width*height_s)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
/*else{
ImgD.src="";
ImgD.alt=""
}*/
}
</script>
调用时,很简单,比如一段ASP代码的
<img src="../memberphoto/<%=rs("picpath")%>" align="middle" onload="DrawImage(this,200,200)"></div>
- 用JS实现缩略图
- 用JS实现缩略图
- js实现缩略图
- js实现缩略图
- js实现图片翻看(缩略图)1
- js实现缩略图功能的源代码
- js实现视频上传截取缩略图
- js实现带缩略图的图片转换
- 实现缩略图
- 实现缩略图
- 实现缩略图
- 实现缩略图
- JS实现input上传图片时显示缩略图
- js 实现前端图片上传,展示缩略图功能
- js自动生成缩略图
- 自动缩略图JS
- js 生成缩略图
- JS控制生成缩略图
- IO复用高级应用:同时处理TCP和UDP服务
- 关于textarea布局的小问题
- Silverlight 插件错误消息
- Java 获取当前日期和时间
- 简单的控制结构
- js实现缩略图
- 2014 创新工场校园招聘笔试题(武汉站)
- Hadoop--Datanode存储均衡问题
- Nginx配置文件详细说明
- Linux下暴力破解工具Hydra详解
- 自己编写JS的trim方法
- C++ 初始化顺序
- do-while循环
- java面向对象基础常识