网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
图形特效
> 正文
比较实用的利用javascript按比例相应缩放图片大小
蓝色理想 2009/9/4 8:18:31 深山行者 字体:
大
中
小
浏览 16471
以下为详细代码
<!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>比较实用的利用javascript按比例相应缩放图片大小</title> <script language="JavaScript" type="text/javascript"> <!-- function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.height>= FitWidth/FitHeight){ if(image.width>FitWidth){ ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } } else{ if(image.height>FitHeight){ ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } } } } //--> </script> </head> <body> 以下为原始图大小： <p> <img src="/UploadFiles/demo/002.jpg" /></p> 以下为缩小图 <p><img src="/UploadFiles/demo/002.jpg" onload="DrawImage(this,111,111)" border="0"></a> </p> 以下为放大图(结果，放不大。。呵呵。。) <p><img src="/UploadFiles/demo/002.jpg" onload="DrawImage(this,888,887)" border="0"></a> </p> </body> </html>
前一页:
javascript实现图片预览功能
后一页:
一个效果非常不错图片载入loading等待效果
相关阅读
深山旅行社网站管理系统5.0发布
常见显示器尺寸与分辨率对照
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
安卓版微信中播放视频不自动全屏
相册列表显示模式
jquery下拉到某个固定位置然后某些元素发生改变样式状态
web版的js正则工具
使用uiautomatorviewer连接模拟器页面报错No Android devices were detected by adb.
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
div+css黑色焦点图(幻灯片效果非常 不错)
javascript实现图片预览功能
比较实用的利用javascript按比例相应缩放图片大小
一个效果非常不错图片载入loading等待效果
利用css实现图片选中后显示文字与图片效果
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
DIV+CSS分页代码,放大镜分页效果
asp获取汉字拼音的第一个字母
uni-app设置像页面html或者body的全局背景色
ASP.NET 2.0跨网页提交的三法
innerHTML支持firefox火狐
胶球清洗
更多标签
热门标签
策划
选项卡
title
过期
效果
动态
安装包
DIV CSS做的透明菜单兼容IE、FF等
border
版权声明
深山旅游网站管理系统V1.0
outerHTML
png24
提示
px
手
产品
后台
box
photoshop
边框
列
div
Alpha
小偷
代码
首页
日期
maryabbsby
window
FlashFxp
右键
加长
msn
调用
搜索
阴影效果
滚动条
下拉框
十字
asp
动画
ul
留言
限制
对联
css
广告
渐变
time
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号