当显示的图片超过指定的显示大小的时候,用js等比缩小图片

<img src="<%=rscontent("filepath")%>" onload="if(this.clientWidth>650) this.width=650; this.height=(this.clientHeight*this.width)/this.clientWidth; ">
<!--注意取得客户端的图片的宽:this.clientWidth取得其高:this.clientWidth注意JS是区分大小写的!控制客户端的宽用this.width控制客户端的高用:this.height-->
其中650就是指定的显示图片的大小

如果是编辑器中插入的图片在不能编辑其代码的情况下,可以通过下面的方法获取插入的图片的对象然后等比缩放图片

function  changeImagesSize(){  
                    var imageArray = document.getElementById("content").getElementsByTagName("img");
                    for(var i=0;i<imageArray.length;i++)
                    {
                       if (imageArray.width>600) {
                          var srcWidth  = imageArray.width;
                          var srcHeight = imageArray.height;
                                 imageArray.style.width="600px";
                                 imageArray.style.height=(srcHeight*imageArray.width)/srcWidth;
                       }  
                     
                    }
                }

相关文章

发表新评论