您现在的位置是：首页 > 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文章列表分页解决方法和分页标签详解

图文教程

相关源码

(PC+WAP)玻璃钢不锈钢钢材环保设备pbootcms网站模板采用PbootCMS内核开发的响应式网站模板，为玻璃钢环保设备制造、不锈钢钢材贸易企业设计，适配产品展示及企业服务场景。通过自适应技术实现PC与WAP端数据实时同步查看源码
(自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计，特别适合展示产品参数、技术规格等内容。采用响应式技术，确保各类电子元件在不同设备上都能清晰展示。查看源码
手机软件APP游戏软件下载网站Pbootcms模板(自适应)基于PbootCMS内核深度开发的网站模板，为移动互联网时代打造。无论是手机APP推广、游戏软件展示，还是各类企业官网需求，本模板都能通过简单的图文替换实现行业无缝切换查看源码
(自适应)双语网络电子摄像头设备pbootcms网站模板下载核心功能定位：基于PbootCMS开发的双语摄像头企业官网模板，深度适配产品规格书展示、实时监控演示、解决方案呈现等业务场景，支持中英文内容一键切换。查看源码
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发，基于帝国CMS7.5内核构建，针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析，实现小说资源的精准推荐与导航功能。查看源码
(自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计，基于PbootCMS系统开发，提供完整的在线展示平台解决方案，满足支付设备行业特有的展示需求。查看源码