您现在的位置是:首页 > 教程 > dedecms教程dedecms教程

织梦dedecms5.3图片大小自适应实例代码

幻珊2023-09-25 15:48:16dedecms教程已有人查阅

导读在图片模板加入以下JS代码,以上在加入;然后在BODY里加:保持,生成,超大图片乖乖适应,哈哈

在图片模板加入以下JS代码
<script language="javascript">
function ResizeImages(){
var myimg,oldwidth;
var maxwidth=500; // 图片宽度超过这个数值就自动缩成500px的宽,5.3图集模板默认宽度为712.。
for(i=0;i<document.images.length;i++){
myimg = document.images;
if(myimg.width > maxwidth) {
oldwidth = myimg.width;
myimg.width = maxwidth;
myimg.height = myimg.height * (maxwidth/oldwidth);
  }
 }
}
ResizeImages();
</script>
以上在<head></head>加入
然后在BODY里加:
<body onload="ResizeImages()">
保持,生成,超大图片乖乖适应,哈哈

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

本栏推荐

相关标签