最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS自動(dòng)縮小超出大小的圖片

 更新時(shí)間：2012年10月12日 18:03:20   作者：  
在文章的正文中，往往會(huì)出現(xiàn)一些超大的圖片，把頁面撐開變形，影響了美觀。用這段JS代碼就可解決這個(gè)問題，你可以把圖片的最大值限定在一定范圍內(nèi)，當(dāng)圖片大小超出這個(gè)尺寸后，就會(huì)被自動(dòng)按比例縮小
復(fù)制代碼 代碼如下:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
jQuery.fn.LoadImage=function(scaling,width,height,loadpic){
if(loadpic==null)loadpic="../img/loading.gif";
return this.each(function(){
var t=$(this);
var src=$(this).attr("src")
var img=new Image();
img.src=src;
//自動(dòng)縮放圖片
var autoScaling=function(){
if(scaling){
if(img.width>0 && img.height>0){
if(img.width/img.height>=width/height){
if(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下會(huì)自動(dòng)讀取緩存圖片
if(img.complete){
autoScaling();
return;
}
$(this).attr("src","");
var loading=$("<img alt=\"加載中...\" title=\"圖片加載中...\" src=\""+loadpic+"\" />");
t.hide();
t.after(loading);
$(img).load(function(){
autoScaling();
loading.remove();
t.attr("src",this.src);
t.show();
});
} );
}
</script>
<div id="content"><img src="img/20120518073933709.jpg"/></div>
<script type="text/javascript">
<!--
$(window).load(function(){
$('#content img').LoadImage(true, 600,500,'img/loading.gif');
});
//-->
</script>

相關(guān)文章

最新評(píng)論

巴林左旗| 晴隆县| 凤城市| 左贡县| 富阳市| 普定县| 西乡县| 克拉玛依市| 张家川| 双城市| 镇沅| 眉山市| 灵武市| 永福县| 巩义市| 东乡县| 成安县| 阳谷县| 唐山市| 开远市| 漳平市| 南投市| 修水县| 温宿县| 洪泽县| 金川县| 玛沁县| 财经| 德庆县| 大石桥市| 中山市| 改则县| 耿马| 雷州市| 龙海市| 丰顺县| 江安县| 岑溪市| 咸宁市| 巴南区| 都匀市|