用JS控制页面图的图片大小的通用代码
2007-03-13 14:58
686 查看
这个一般用于文章查看的页面,针对新闻性质的网站,此外这个算法是直接分析网页中所有图片的,因此如果你的版面设计中有比指定宽度大的图片是不能用这个函数的(或者用id区分开)
<script language="javascript">
function ResizeImages()
{
var myimg,oldwidth;
var maxwidth=600;
for(i=0;i<document.images.length;i++){
myimg = document.images[i];
if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.width = maxwidth;
myimg.height = myimg.height * (maxwidth/oldwidth);
}
}
}
ResizeImages();
</script>
<script language="javascript">
function ResizeImages()
{
var myimg,oldwidth;
var maxwidth=600;
for(i=0;i<document.images.length;i++){
myimg = document.images[i];
if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.width = maxwidth;
myimg.height = myimg.height * (maxwidth/oldwidth);
}
}
}
ResizeImages();
</script>
相关文章推荐
- 用JScript控制页面图的图片大小的通用代码
- html页面控制字体大小的js代码
- js控制页面上展示的图片大小
- JS控制图片显示的大小(图片等比例缩放)
- 图片自动缩小的js代码,用以防止图片撑破页面
- JS控制弹出新页面窗口位置和大小的方法
- 页面图片鼠标滑轮拖动大小,加载控制大小
- 用JS控制图片大小按比例放缩图片
- js 图片缩放(按比例)控制代码
- 蛙蛙推荐:用js来控制页面文字的大小和打印
- css+js完美控制图片大小
- HTML页JS控制图片大小
- 控制图片大小的js
- JS控制图片显示的大小(图片等比例缩放)
- js控制页面显示大小百分比脚本
- 【JavaScript】控制图片大小的代码
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- 想用JS写一段鼠标拖拽调整图片大小的代码(未完)
- 控制图片水平方向左右滚动的JS代码