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; //输出新的标签
                }
        }
    }
  • 相关阅读:
    iOS14
    iOS 音量键翻页实现
    pod 相关写法
    js 递归树结构数据查找指定元素的所有父级
    前端实现访问一个图片URL直接下载该图片
    HTML5 drag api 的使用
    vue 组件的 patch
    centos7安装nginx
    nginx常用配置说明
    遍历删除
  • 原文地址:https://www.cnblogs.com/starlet/p/1636163.html
Copyright © 2011-2022 走看看