网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
背景图像
-> JS实现图片自动按比例缩小代码
JS实现图片自动按比例缩小代码
作者:admin 发布时间:2010-10-20 6:15:05 发布人: admin
<div id="tupian"><img alt="示例图片" width="1024" height="768" src="http://web.archive.org/web/20150329085336im_/http://myjs.jz123.cn/img/11220001.jpg"/></div> <script type="text/javascript"> //缩放图片到合适大小 function ResizeImages() { var myimg,oldwidth,oldheight; var maxwidth=400; //图片缩放后的宽度,可自行修改 var maxheight=300; //图片缩放后的高度,可自行修改 var imgs = document.getElementById('tupian').getElementsByTagName('img'); //如果你定义的id不是tupian,请修改此处 for(i=0;i<imgs.length;i++){ myimg = imgs[i]; if(myimg.width > myimg.height) { if(myimg.width > maxwidth) { oldwidth = myimg.width; myimg.height = myimg.height * (maxwidth/oldwidth); myimg.width = maxwidth; } }else{ if(myimg.height > maxheight) { oldheight = myimg.height; myimg.width = myimg.width * (maxheight/oldheight); myimg.height = maxheight; } } } } //缩放图片到自定义大小 ResizeImages(); </script> <p>您现在看到的这张图片,原宽高比例为1024*768,已被强制缩小为400*300了。</p>
JS实现图片自动按比例缩小代码
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
Js标签页浏览控件推介:DOMTab
下一篇:文章:
CSS实现图文远端链接关联效果
本类浏览排行 »
CSS实现图文远端链接关联效果
JS实现图片自动按比例缩小代码
Js标签页浏览控件推介:DOMTab
网页左侧可展开收缩的信息框tabSlideOut
用户访问可以选择网页背景色
兼容ie6、ie7、ff、opera、safari的水平垂..
感应鼠标图片透明度变化
指定时间内消失的图片
本站推荐文章 »
兼容ie6、ie7、ff、opera、safari的水平垂..
一款设计精美的CSS滑动门菜单
一款简洁漂亮的CSS滑动门特效
结构和表现分离的Tab选项卡特效
滑动的div层做的动态菜单
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单