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

首頁 > 編程 > JavaScript > 正文

JQuery 圖片延遲加載并等比縮放插件

2019-11-21 01:00:17
字體:
來源:轉載
供稿:網友
最近在學習JS的OOP所以寫了這么個東西
使用方法:
$(".viewArea img").zoom({height:74,width:103});
效果演示:
http://demo.VeVB.COm/html/jquery_img/jquery_img.htm
代碼:
復制代碼 代碼如下:

(function($){
$.fn.zoom = function(settings){
//一些默認配置;
settings = $.extend({
height:0,
width:0,
loading:"lightbox-ico-loading.gif"
},settings);
var images = this;
$(images).hide();
var loadding = new Image();
loadding.className="loadding"
loadding.src = settings.loading;
$(images).after(loadding);
//預加載
var preLoad = function($this){
var img = new Image();
img.src = $this.src;
if (img.complete) {
processImg.call($this);
return;
}
//$this.src = loadding.src;//會導致獲取錯誤的尺寸
img.onload = function(){
//$this.src = this.src; //會導致獲取錯誤的尺寸
processImg.call($this);
img.onload=function(){};
}
}
//計算圖片尺寸;
function processImg(){
//if(settings.height===0||settings.width ===0) return;
var m = this.height-settings.height;
var n = this.width - settings.width;
if(m>n)
this.height = this.height>settings.height ? settings.height :
this.height;
else
this.width = this.width >settings.width ? settings.width :
this.width;
$(this).next(".loadding").remove()
$(this).show();
}
return $(images).each(function(){
preLoad(this);
});
}
})(jQuery);

效果是這樣的:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 辰溪县| 宁津县| 晋宁县| 耿马| 楚雄市| 休宁县| 江川县| 河池市| 木兰县| 驻马店市| 富阳市| 辽源市| 慈溪市| 阿荣旗| 三亚市| 濮阳县| 安徽省| 泊头市| 泾阳县| 镇江市| 文昌市| 牙克石市| 诸城市| 岑溪市| 南岸区| 文山县| 黄平县| 东莞市| 竹山县| 平顶山市| 任丘市| 武义县| 榆树市| 白水县| 塔河县| 方城县| 修水县| 泗水县| 巴彦县| 兴隆县| 河北区|