您现在的位置是：首页 > 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源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块，集成项目案例、环保工艺等建筑行业特色内容结构，测试数据包含LEED认证体系查看源码
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板，同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型，显著降低建站成本。查看源码
(自适应响应式)蓝色环保机械设备网站pbootcms模板HTML5源码下载基于PbootCMS的生态环境技术展示平台，通过内容调整可应用于新能源设备、污水处理、空气净化等环保相关领域。设备参数采用对比表格展示，技术原理支持图文混排；查看源码
(自适应响应式)AI智能电子科技产品pbootcms网站模板下载基于PbootCMS内核的响应式模板，为AI智能硬件、电子产品等科技企业打造，通过技术创新实现品牌数字化升级。查看源码
(自适应)建站广告公司工作室作品展示品牌策划设计pbootcms源码下载基于PbootCMS开发的创意服务展示系统，内置作品集展示、服务流程图等专业模块，预设客户案例、设计流程等创意行业专属栏目结构。查看源码
pbootcms模板(PC+WAP)火锅加盟餐饮美食类带留言源码基于PbootCMS内核深度开发，为火锅、餐饮品牌打造的营销型解决方案。采用红色主题传递行业活力，实现PC与WAP端适配。查看源码