zoukankan      html  css  js  c++  java
  • 新闻内容页面自动调整超宽图片大小

    function changeImgSize() {
        
    var Article_Content_ID = "article_content";    //文章内容所在的Div的ID
        var MAX_Width = 600;    //最大图片宽度
        
        
    var imgs = document.getElementById(Article_Content_ID).getElementsByTagName("img");
        
    for ( var i = 0,len = imgs.length;i<len;i++ )
        {
            
    if( parseInt(imgs[i].width,10> MAX_Width ){
                
    var iw = parseInt(imgs[i].width,10) ; 
                
    var ih = parseInt(imgs[i].height,10) ;
                imgs[i].style.width 
    = MAX_Width +"px";
                imgs[i].style.height 
    =  parseInt( ih * MAX_Width / iw ) + "px";
                imgs[i].border
    ='0';//由于添加连接后有边框,再此处设为0
                imgs[i].setAttribute("onclick","javascript:window.open("+imgs[i].src+")");
                
    //var outerHTML_temp = imgs[i].outerHTML; //获取img对象内容
                //outerHTML_temp="<a href='"+imgs[i].src+"' target='_blank'>"+outerHTML_temp+"</a>"; //拼接href
                //imgs[i].outerHTML = outerHTML_temp; //输出新的标签
                }
        }
    }
  • 相关阅读:
    网站添加背景音乐
    解决项目上的红色感叹号
    1.12那些年你不知道的爬虫面试题
    1.11you-get 视频爬取
    1.10pytesseract
    1.9Pyppeteer
    1.8request-html
    1.7XPath
    1.6Selenium XPath
    1.5cookies
  • 原文地址:https://www.cnblogs.com/starlet/p/1636163.html
Copyright © 2011-2022 走看看