广

织梦CMS教程

  • 帝国cms教程
  • 织梦CMS教程
  • PHP CMS教程
  • ECSHOP教程
  • WordPress教程
  • Discuz教程
  • CMS学习

    DEDECMS{dede:field.body /}中用CSS的expression参数控制图片大小

    2018-04-02 20:46:22 次阅读 稿源:互联网
    广告
    1.  <div class="content"> 
    2.      {dede:field.body /} 
    3.    </div> 
    4.  
    5. css:图片高和宽最大都是600px。 
    6.  
    7. .content img{ 
    8. max-width:600px;   
    9. max-height:600px; 
    10. width:600px; 
    11. height:600px; 
    12. zoom:expression(function(el){  
    13.  el.style.zoom = "1";  
    14.   var resizeImg = function() {  
    15.    if (el.width > 600 || el.height>600) {  
    16.        if (el.width > el.height) {  
    17.           el.width = "600";  
    18.           elel.height = el.height / (el.width / 600);  
    19.         } else {  
    20.         el.height = "600";  
    21.         elel.width = el.width / (el.height / 600);  
    22.         }  
    23.       }  
    24.       }  
    25.         if (el.complete) {  
    26.             resizeImg();  
    27.         } else {  
    28.             el.onload = function() {  
    29.                 resizeImg();  
    30.             }  
    31.         }  
    32.     }(this));  

     

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告