欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

织梦CMS图集图片超过宽度自动适应的解决方案

标签: 作者:融科网络 | 点击:
04

Nov
2019

导语
1、找到调用图集的位置的区域,比如我的是 div class=arcBody div class=imgTip温馨提示:点击图片查看下一页/div div class=fieldCol2{dede:myad name=picarticle/}/div p align=center {dede:field name=imgurls alt=图片
 

1、找到调用图集的位置的区域,比如我的是
    <div class=”arcBody”>
    <div class=”imgTip”>温馨提示:点击图片查看下一页</div>
    <div class=”fieldCol2″>{dede:myad name=’picarticle’/}</div>
    <p align=”center”> {dede:field name=’imgurls’ alt=’图片输出区’}<a href=http://www.dede58.com/a/dedejq/’[field:linkurl/]‘ [field:pagestyle runphp='yes'] @me= (@me==3 ? ‘class=”pic”‘ : ”); [/field:pagestyle]><img src=http://www.dede58.com/a/dedejq/’[field:imgsrc/]‘alt=’[field:alttext /]‘ border=’0′ /></a>{/dede:field}</p>
    <div class=”field728″>{dede:myad name=’960*90 2 sg’/}</div>
    </div>

从上我们可以看到图集是在arcBody这个伪类中调用的,接下来我们将通过控制arcBody这个伪类的img属性来达到让图片自动适应宽度的效果。

2、找到控制图集页面样式的css文件,找到.arcBody img 并在该样式中添加或者是加入一下样式文件

    max-height:1500px;  // 申明最大高度
    max-width:950px;    // 申明最大高度
    width:expression_r((this.width > 950&& this.width > this.height) ? ’950px’: this.width+’px’);
    height:expression_r((this.height > 1500 && this.height > this.width) ? ’1500px’: this.height+’px’);
    float:middle;

注意由于本办法是通过css3.0 来实现效果的,因此本办法在ie6 以及更低版本环境下不实用,经过测试ie7.8.9 google火狐下使用均没问题,dedecms图集图片超过宽度自动适应的解决办法到此结束 郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/14524.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:织梦栏目获取无限子分类的修改办法适应dedecms5.7

下一篇:织梦DEDECMS多彩色TAG做法

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制