zoukankan      html  css  js  c++  java
  • 把重设新闻中图片尺寸的代码贴出来了,ie8测试通过

    代码如下:

    我做的只是控制等比例在某个宽度下,适用一般情况了,特别的控制,你自己发散一下思维就可以了。

     <script language="javascript" type="text/javascript">
                        //重设图片尺寸
                        var imgC=document.getElementById("imgC");
                        var limitWidth=570;
                        var imgArr=imgC.getElementsByTagName("img");
                        for(var i=0;i<imgArr.length;i++)
                        {
                            var imgObj=imgArr[i];
                            imgObj.onload=function()
                            {
                                if(this.width)
                                {
                                    var orazW=this.width;
        var orazH=this.height;
                                    if(orazW>limitWidth)
                                    {
                                    //this.rel="lightbox";
                                    this.width=limitWidth;
                                    this.height=(this.width*orazH)/orazW;
                                    this.title="点击查看大图";
                                    this.style.cursor = 'hand';
                                    this.onclick=function(){ var mw = showBigImg("imgShow.aspx", this.src, window.screen.availWidth-100, window.screen.availHeight-100);}
                                    }
                                }
                            }
                        }
                </script>

  • 相关阅读:
    JavaScript学习总结(七)Ajax和Http状态字
    JavaScript学习总结(六)数据类型和JSON格式
    JavaScript学习总结(五)原型和原型链详解
    JavaScript学习总结(四)function函数部分
    JavaScript学习总结(三)BOM和DOM详解
    微信小程序canvas绘制海报,并且实现图片保存至相册例子
    微信小程序与webview交互实现支付
    vue-微信支付or支付宝支付片段
    微信小程序授权登录
    微信分享
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1435560.html
Copyright © 2011-2022 走看看