您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

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

幻珊2023-09-25DedeCMS教程已有人查阅

导读在图片模板加入以下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()">

保持，生成，超大图片乖乖适应，哈哈

本文标签：

很赞哦！ ()

上一篇：dede织梦网站生成速度太慢怎么办

下一篇：织梦dedecms文章列表分页解决方法和分页标签详解

图文教程

相关源码

(自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板，为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计，呈现设计作品的视觉细节，支持作品分类、案例解析等多维度展示方式。查看源码
HTML5响应式健身俱乐部pbootcms网站模板下载为健身俱乐部、瑜伽中心及运动场馆设计的响应式网站模板，采用PbootCMS内核开发，支持一键替换图文适配健身器材销售、瑜伽工作室等多类型运动健康产业。查看源码
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板，采用响应式布局技术，适配各类移动终端设备。模板设计聚焦科技行业特性，通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
(自适应)中英文双语外贸扬声器音响喇叭话筒网站模板免费下载为音响设备外贸企业设计的中英文双语网站模板，基于PbootCMS内核开发。适配扬声器系统、音频设备等产品的国际化展示需求查看源码
(自适应)五金配件机械蓝色营销型pbootcms模板免费下载基于PbootCMS的工业配件展示系统，精简DIV+CSS架构确保响应速度，自适应设计呈现参数表格，支持后台实时更新产品规格、在线留言等内容。查看源码
(自适应响应式)电子数码科技产品介绍带留言网站模板下载为电子产品企业设计的展示系统，集成智能产品对比器、参数规格表和展示模块。支持消费电子、智能设备等多级分类展示，内置产品技术参数数据库。查看源码