简介

这是占位loading的宽度，所以要大于16 outerWidth += parseFloat(parent_style.paddingLeft) + parseFloat(parent_style.paddingRight) + parseFloat(parent_style.marginLeft) + parseFloat(parent_style.marginRight) + parseFloat(parent_style.borderLeftWidth) + parseFloat(parent_style.borderRightWidth); parent = parent.parentNode; } return parent_width; } var getOuterW = function (dom) { var style = getComputedStyle(dom), w = 0; if (!!style) { w = parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth); } return w; }; var getOuterH = function (dom) { var style = getComputedStyle(dom), h = 0; if (!!style) { h = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth); } return h; }; var insertAfter = function (dom, afterDom) { var _p = afterDom.parentNode; if (!_p) { return; } if (_p.lastChild === afterDom) { _p.appendChild(dom); } else { _p.insertBefore(dom, afterDom.nextSibling); } }; var getQuery = function (name, url) { //参数：变量名，url为空则表从当前页面的url中取 var u = arguments[1] || window.location.search, reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”), r = u.substr(u.indexOf(“?”) + 1).match(reg); return r != null ? r[2] : “”; }; /** * 设置图片size * * @param {HTMLElement} item 图片元素 * @param {number} widthNum 宽度数值 * @param {string} widthUnit 宽度单位 * @param {number} ratio 宽高比 * @param {boolean} breakParentWidth 是否突破父元素宽度(父元素是否被撑大) */ function setImgSize(item, widthNum, widthUnit, ratio, breakParentWidth) { setTimeout(function () { var img_padding_border = getOuterW(item) || 0; var img_padding_border_top_bottom = getOuterH(item) || 0; // 如果设置的宽度超过了父元素最大宽度，则取父元素宽度 if (widthNum > getParentWidth(item) && !breakParentWidth) { widthNum = getParentWidth(item); } var height = (widthNum – img_padding_border) * ratio + img_padding_border_top_bottom; if (isCarton) { // 判一下是不是漫画原创，如果是，不走懒加载 var url = item.getAttribute(‘data-src’); item.src = url; // 不走懒加载但是需要跟懒加载一样去除占位高度 item.style.height = ‘auto’; } else { // if (parseFloat(widthNum, 10) > 40 && height > 40 && breakParentWidth) { // item.className += ‘ img_loading’; // } // item.src = “data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==”; widthNum !== ‘auto’ && (item.style.cssText += “;width: ” + widthNum + widthUnit + ” !important;”); widthNum !== ‘auto’ && (item.style.cssText += “;height: ” + height + widthUnit + ” !important;”); } }, 10); } // 图片和视频预加载逻辑，记得H5和秒开要对齐逻辑 // (function () { // var images = document.getElementsByTagName(‘img’); // var length = images.length; // var max_width = getMaxWith(); // for (var i = 0; i