繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
典型特效
按钮特效
页面背景
鼠标特效
时间日期
状态特效
图象特效
cookie
下拉菜单
链接特效
导航菜单
页面导航：
首页
→
网络编程
→
JavaScript
→
网页特效
→
图象特效
→ 正文内容 js实现图片等比缩略显示 支持IE/FF
js实现图片等比缩略显示 支持IE/FF
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<script language="javascript"> var flag=false; function MyImage(Img){ var image=new Image(); image.src=Img.src; width=236;//预先设置的所期望的宽的值 height=170;//预先设置的所期望的高的值 if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制 w=image.width/width; h=image.height/height; if(w>h){//比值比较大==>宽比高大 //定下宽度为width的宽度 Img.width=width; //以下为计算高度 Img.height=image.height/w; }else{//高比宽大 //定下宽度为height高度 Img.height=height; //以下为计算高度 Img.width=image.width/h; } } } </script> <img src='http://pages.blueidea.com/articleimg/2007/01/1406/preview_b01.jpg' onload='javascript:MyImage(this);' border='0'>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
js实现图片等比缩略显示
支持IE/FF
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
照片各部分的彩色与黑白交替更换
下一篇文章：
javascript 火狐(firefox)不显示本地图片问题解决
·在百度中搜索关于“
js实现图片等比缩略显示 支持IE/FF
”相关内容
·在谷歌中搜索关于“
js实现图片等比缩略显示 支持IE/FF
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
用dom+xhtml+css制作的一个相册效果代码打
新页面打开实际尺寸的图片
js 加载时自动调整图片大小
静态图片的十一种滤镜效果--不支持Ie7及非
javascript 火狐(firefox)不显示本地图片
非常漂亮的JS代码经典广告
ImageFlow可鼠标控制图片滚动
javascript图片渐显效果代码
摘自百度的图片轮换效果代码
图片向上滚动
最 近 更 新
DHTML Slide Show script图片轮换
图片放大镜效果代码
新页面打开实际尺寸的图片
javascript双向放大缩小广告代码
又一个小巧的图片预加载类
用javascript实现给图片加链接
静态图片的十一种滤镜效果--不支持Ie7及非
比较方便的onMouseWheel缩放图片效果
图片向上滚动
用javascript实现的图片马赛克后显示并切
热 点 排 行
真正的连续滚动图片
推荐一个不错的图片浏览效果
ＪＳ＋ＦＬＡＳＨ幻灯片播放图片
纯js无flash仿搜狐女人频道FLASH
左右图片循环滚动停顿一下后继续
多图展示点击切换效果模拟的flas
奇妙的Javascript图片放大镜
图片向上滚动
图片从右至左滚动JS
JS实现全景图效果360度旋转
文章评论
共有 位脚本之家网友发表了评论我来说两句