資源描述:
《jq圖片預(yù)加載+自動等比例縮放插件》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、/***************圖片預(yù)加載插件******************///作者:沒劍(2008-06-23)///http://regedit.cnblogs.com///說明:在圖片加載前顯示一個(gè)加載標(biāo)志,當(dāng)圖片下載完畢后顯示圖片出來可對圖片進(jìn)行是否自動縮放功能此插件使用時(shí)可讓頁面先加載,而圖片后加載的方式,解決了平時(shí)使用時(shí)要在圖片顯示出來后才能進(jìn)行縮放時(shí)撐大布局的問題///參數(shù)設(shè)置:scaling是否等比例自動縮放width圖片最大高h(yuǎn)eight圖片最大寬loadpic加載中的圖片路徑*/jQuery.fn.LoadImage=function(scaling
2、,width,height,loadpic){if(loadpic==null)loadpic="load3.gif";returnthis.each(function(){vart=$(this);varsrc=$(this).attr("src")varimg=newImage();//alert("Loading")img.src=src;//自動縮放圖片varautoScaling=function(){if(scaling){if(img.width>0&&img.height>0){if(img.width/img.height>=width/height){if(
3、img.width>width){t.width(width);t.height((img.height*width)/img.width);}else{t.width(img.width);t.height(img.height);}}else{if(img.height>height){t.height(height);t.width((img.width*height)/img.height);}else{t.width(img.width);t.height(img.height);}}}}}//處理ff下會自動讀取緩存圖片if(img.complete){//aler
4、t("getToCache!");autoScaling();return;}$(this).attr("src","");varloading=$("");t.hide();t.after(loading);$(img).load(function(){autoScaling();loading.remove();t.attr("src",this.src);t.show();//alert("finally!")});});}使用說明:$("divimg").LoadIma
5、ge(true,120,90);效果如下:文章來源:http://www.kki.cc