国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 盐津县| 洛浦县| 金华市| 武威市| 盐池县| 舟山市| 平罗县| 策勒县| 仙桃市| 平昌县| 兴安县| 广州市| 阿坝县| 平顺县| 达日县| 纳雍县| 霞浦县| 陇西县| 平罗县| 乌兰察布市| 青阳县| 磴口县| 栖霞市| 西宁市| 凤山市| 栾川县| 松原市| 济阳县| 中牟县| 红安县| 武功县| 东方市| 平顶山市| 岑巩县| 桂平市| 高阳县| 建阳市| 平谷区| 昌图县| 建湖县| 伊春市|