广

织梦CMS教程

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

    DEDECMS用JS控制图片大小的方法

    2018-04-02 20:51:24 次阅读 稿源:互联网
    广告

     

     

    模板默认很小的图会放很大,很大的图又会被裁剪,看了很多帖子用css控制也不理想,太好资源了,几次都卡死ie,火狐还好一点。
    用js控制的,目前为止完美解决如下,希望对大家有帮助。

    1. <script type="text/javascript">  
    2. function setImgSize(img,width,height){  
    3. var MaxWidth=width;//设置图片宽度界限  
    4. var MaxHeight=height;//设置图片高度界限  
    5. var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比  
    6. var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比  
    7. if(img.offsetWidth>MaxWidth){  
    8. img.width=MaxWidth;  
    9. img.height=MaxWidth*HeightWidth;  
    10. }  
    11. if(img.offsetHeight>MaxHeight){  
    12. img.height=MaxHeight;  
    13. img.width=MaxHeight*WidthHeight;  
    14. }  
    15. }  
    16.  
    17. </script>  

    使用:

    1. <img src="" border=0 onload="setImgSize(this,132,160);"> 

     

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

    广告
    广告
    广告