帝国cms:用JS控制图片过大撑破表格问题

帝国cms:用JS控制图片过大撑破表格问题,第1张

概述建站学院(LieHuo.Net)CMS程序 在论坛看到很多提问图片过大撑破表格的解决办法,我也曾遇到过,用CSS的最大宽度来控制,可是IE6.0浏览器不支持最大宽度,所以用CSS来控制图片大小也不是十分完美。下面给大家分享两种用JS控制图片大小的方法,全面兼容各种浏览器。1,不按照比例的缩放 …

  建站学院CMS程序 在论坛看到很多提问图片过大撑破表格的解决办法,我也曾遇到过,用CSS的最大宽度来控制,可是ie6.0浏览器不支持最大宽度,所以用CSS来控制图片大小也不是十分完美。下面给大家分享两种用Js控制图片大小的方法,全面兼容各种浏览器。


  1,不按照比例的缩放

以下为引用的内容:
<script language="JavaScript">
function changeimg(mypic){
    var xw=130;
    var xl=160;
    var wIDth = mypic.wIDth;
    var height = mypic.height;
                     
    if (wIDth > xw ) mypic.wIDth = xw;
    if (height > xl ) mypic.height = xl;
}
</script>

调用方法:
<img src="图片地址" onload="changeimg(this)">   


  2,按照比例的缩放

以下为引用的内容:
<script language="JavaScript">
function changeimg(mypic){
    var xw=160;
    var xl=180;
         
    var wIDth = mypic.wIDth;
    var height = mypic.height;
    var bili = wIDth/height;         
         
    var A=xw/wIDth;
    var B=xl/height;
         
    if(!(A>1&&B>1))
    {
        if(A<B)
        {
            mypic.wIDth=xw;
            mypic.height=xw/bili;
        }
        if(A>B)
        {
            mypic.wIDth=xl*bili;
            mypic.height=xl;
        }
    }
}
</script>

调用方法:
<img src="图片地址" onload="changeimg(this)">

总结

以上是内存溢出为你收集整理的帝国cms:用JS控制图片过大撑破表格问题全部内容,希望文章能够帮你解决帝国cms:用JS控制图片过大撑破表格问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1003533.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存