全屏图片等比例缩放
来源:互联网 发布:人工智能英语文章 编辑:程序博客网 时间:2024/05/05 17:40
/* 大图自动等比例缩放。 */ var bxsliderImgs = $(".bxslider").add(".bxsliderIndex").find("img"); var bxsliderImgResize = function(){ bxsliderImgs.each(function(i, item){ var b_w = $(window).width(); var b_h = $(window).height(); var ratio = 1680/1050; if(b_w/b_h > ratio){ var img_w = b_w; var img_h = img_w / ratio; $(item).width(img_w); $(item).height(img_h); }else{ var img_h = b_h; var img_w = img_h * ratio; $(item).width(img_w); $(item).height(img_h); } }) } bxsliderImgResize(); var resizeTimer = null; $(window).on('resize', function () { if (resizeTimer) { clearTimeout(resizeTimer) } //通过定时器来减少重绘的频率 resizeTimer = setTimeout(function(){ bxsliderImgResize(); }, 400); });