国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery實現根據瀏覽器窗口大小自動縮放圖片的方法

2019-11-20 12:02:10
字體:
來源:轉載
供稿:網友

本文實例講述了jquery實現根據瀏覽器窗口大小自動縮放圖片的方法。分享給大家供大家參考。具體如下:

(function($){ $.fn.resizeimage = function(){  var imgLoad = function (url, callback) {   var img = new Image();   img.src = url;   if (img.complete) {    callback(img.width, img.height);   } else {    img.onload = function () {     callback(img.width, img.height);     img.onload = null;    };   };  };  var original = {   width:$(window).width()  };  return this.each(function(i,dom){   var image = $(this);   imgLoad(image.attr('src'),function(){    var img = {     width:image.width(),     height:image.height()    },percentage=1;    if(img.width<original.width){     percentage = 1;    }else{     percentage = (original.width)/img.width;    }    image.width(img.w=img.width*percentage-30).height(img.h=img.height*percentage);    $(window).resize(function(){     var w = $(this).width();     percentage = w/img.width>1?1:w/img.width;     var newWidth = img.width*percentage-30;     var newHeight = img.height*percentage;     image.width(newWidth).height(newHeight);    });   });  }); };})(jQuery);

希望本文所述對大家的jquery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 奎屯市| 应城市| 饶阳县| 同心县| 汝城县| 安平县| 大港区| 海南省| 灌南县| 龙州县| 镇远县| 莒南县| 屯门区| 奎屯市| 潼关县| 红桥区| 通海县| 景洪市| 晋宁县| 日土县| 钦州市| 姜堰市| 玛纳斯县| 泾川县| 中阳县| 绥德县| 栖霞市| 靖远县| 纳雍县| 朝阳县| 弋阳县| 黑水县| 黄平县| 罗山县| 保亭| 山丹县| 天津市| 从化市| 武山县| 巨鹿县| 分宜县|