小李SEO博客

网站优化服务

织梦cms让文章的大图片不破坏布局

相信很多朋友,都曾遇到过,发表一篇普通文章,如果图片宽度超过内容区域大小,图片就会把表格撑大,打乱面页的布局,懂CSS的朋友能会通过css来定义,让超出的部分隐藏起来,但这样,图片的美观性就很差,显示不出来超出的部分,论坛中还有一些朋友,用css方法,当图片过大后,将图片自动缩小,但是我试过,因为CSS对各个浏览器存在兼容问题,我在IE6下测试,一点作用也没有。下面给大家介绍一下我在DEDECMS里的方法(不用修改源程序,只需要在模板里使img加上JS控制代码,然后将原始图片等比例缩小)。

第一步:在img加上便签,还要去掉height属性。修改内容页模板的{dede:field.body /}为{dede:field.body runphp='yes'}$content = @me;$mode1 = "/<img/";$mode2 = "/height="(d+)" /";$str1 = "<img onload="javascript:ImgReSize(this)"";$content = preg_replace($mode1,$str1,$content);$content = preg_replace($mode2,"",$content);@me = $content;{/dede:field.body}

第二步:将下面代码插入到<head></head>中,注意那个670的数值,这个值意思是当图片超过这个数值,自动将图片缩小,宽度缩小为670,高度自动按比例缩小,这样不会变型。<script language='javascript'>function ImgReSize(e){if(e.width>670) // 670可根据你文章的内容区域大小,可调整{e.width=670; // 等同上面你设的那个数值e.style.width="";}if(e.height>10){e.style.height="";}}</script>到这里,就完活了,如果你懂CSS最好找到对应的CSS,将它的宽设定好,然后定义一下,超出部分隐藏,因为有时候,文章在加载的过程中,显示的是你原始大小,加载完成后,JS才会起作用,将图片缩小。

上一篇:织梦cms图集每张图片单独调用并自定义样式的办法 下一篇:dedecms图集productimagelist标签调用和常见问题汇总
织梦cms相关文章阅读
  • 织梦cms会员上传图片需要输入后台目录

    小李网络公司介绍织梦cms会员上传图片需要输入后台目录知识,包括上传图片显示缺少源文件地址织梦dedecms教程dede织梦仿站dedecms织梦系统如何在宝塔修改织梦前台图片dedecms远程pngdede图片上传失...

  • 织梦cms后台编辑器参数GetEditor修改方法

    小李网络公司介绍织梦cms后台编辑器参数GetEditor修改方法知识,包括dedecms系统编辑器 完美 更换成百度编辑器 - 百度经验,dedecms织梦内容编辑器更换为wangEditor编辑器方法_麦站网,DedeCMS织梦后台编...

  • 织梦cms实现拼音显示文章标题页文件名方法

    小李网络公司介绍织梦cms实现拼音显示文章标题页文件名方法知识,包括用dedecms实现拼音显示文章标题页文件名的方法代码类,吸引人的文章标题好文章标题大全100个好的文章标题有特色的文章标...

  • 织梦cms实现调用随机数标签代码

    小李网络公司介绍织梦cms实现调用随机数标签代码知识,包括织梦栏目内容调用织梦cms建站教程织梦相关文章调用织梦dedecms教程织梦首页调用文章列表dedecms织梦系统织梦内容也调用织梦常用调用...

  • 织梦cms网站文章列表页更新点击次数实现方法

    小李网络公司介绍织梦cms网站文章列表页更新点击次数实现方法知识,包括DEDECMS网站文章列表页更新点击次数的问题完美解,完成比完美更重要的文章关于人生没有完美的文章做事要追求完美作文...

  • 织梦cms有效防止采集的两个实用办法

    小李网络公司介绍织梦cms有效防止采集方法知识.包括Dedecms有效防止采集的两个实用办法_织梦无忧,防采集怎么采集其他网站内容网站被别人采集怎么办Wp主题网站如何防止被采集如何防止网站被...

  • 织梦cms模板调用标签常用函数解析

    小李网络公司介绍织梦cms模板调用标签常用函数解析知识,包括织梦常用调用标签c语言怎么调用函数加载标签时调用函数a标签调用函数织梦文章调用标签phpcms调用标签ecshop所有标签调用dedecms调...

  • 织梦cms网站Linux系统下安全设置教程

    小李网络公司介绍织梦cms网站Linux系统下安全设置知识,包括Linux下DedeCMS详细安全设置教程_织梦58,织梦仿站教程傻瓜式织梦cms建站教程织梦教程网织梦网的编织方法安全设置怎么关闭织梦 建站织...

  • 织梦cms文章页调用相关文章及文章不显示问题

    小李网络公司介绍织梦cms文章页调用相关文章及文章不显示问题知识,包括针对文章提出的问题函数调用的方式有哪些函数调用可以在那里调用函数怎么用重写调用问题函数的什么调用函数调用...

  • 怎么在织梦dedecms中添加自定义属性

    小李网络公司介绍织梦cms添加自定义属性知识.包括dedecms后台表单权限.dedecms怎么加页面.为文档添加自定义属性怎么弄.给文档添加自定义属性.织梦添加文章.dbc文件中自定义属性怎么添加.自定义...

  • 织梦cms增加自定义文件名功能代码教程

    小李网络公司介绍织梦cms增加自定义文件名功能代码教程知识,包括dedecms模板接收变量如何更新dedecmsexcel如何增加自定义排序为什么不能自定义排序怎么设置自定义标签织梦建站关键词数量怎样...

  • 织梦cms文章列表分页解决及分页标签详解

    小李网络公司介绍织梦cms文章列表分页解决及分页标签详解知识,包括文章分页怎么设置标签给tr标签分页表格怎么分页多分页分页是如何实现的exc如何设置多少行分页display标签分页打印页面分...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640