标签:style blog ar io color sp for on div
场景:做的一个手机网页,当微信扫描进入网页时需要判断用户是否选择分享到朋友圈,若分享到朋友圈则需要找出网页中class=article_content 的一个div下面的所有img图片,若图片比例合适(高宽比例),则将它置为分享时左边的缩略图展示
function getThumbnail() { var arrayImgs = []; $("div.article_content img").each(function () { //alert($(this).attr("src")); arrayImgs.push($(this).attr("src")); }); var width, height, i; var result=""; for (i = 0; i < arrayImgs.length; i++) { // 图片地址 var img_url = arrayImgs.pop(); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 判断是否有缓存 if(img.complete){ // 打印 alert(‘from:complete : width:‘ + img.width + ‘,height:‘ + img.height + ";result:" + result); }else{ // 加载完成执行 img.onload = function(){ // 打印 alert(‘from:onload : width:‘ + img.width + ‘,height:‘ + img.height + ";result:" + result); }; } if (img.width / img.height > 0.6 && img.height / img.width < 1.4) { result = img_url; break; } } return result; }
标签:style blog ar io color sp for on div
原文地址:http://www.cnblogs.com/feijian/p/4169743.html