复制代码 代码如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> <br>jQuery.fn.LoadImage=function(scaling,width,height,loadpic){ <br>if(loadpic==null)loadpic="../img/loading.gif"; <br>return this.each(function(){ <br>var t=$(this); <br>var src=$(this).attr("src") <br>var img=new Image(); <br>img.src=src; <br>//自动缩放图片 <br>var autoScaling=function(){ <br>if(scaling){ <br>if(img.width>0 && img.height>0){ <br>if(img.width/img.height>=width/height){ <br>if(img.width>width){ <br>t.width(width); <br>t.height((img.height*width)/img.width); <br>}else{ <br>t.width(img.width); <br>t.height(img.height); <br>} <br>} <br>else{ <br>if(img.height>height){ <br>t.height(height); <br>t.width((img.width*height)/img.height); <br>}else{ <br>t.width(img.width); <br>t.height(img.height); <br>} <br>} <br>} <br>} <br>} <br>//处理ff下会自动读取缓存图片 <br>if(img.complete){ <br>autoScaling(); <br>return; <br>} <br>$(this).attr("src",""); <br>var loading=$("<img alt=\"加载中...\" title=\"图片加载中...\" src=\""+loadpic+"\" />"); <br>t.hide(); <br>t.after(loading); <br>$(img).load(function(){ <br>autoScaling(); <br>loading.remove(); <br>t.attr("src",this.src); <br>t.show(); <br>}); <br>} ); <br>} <br></script>
<script type="text/javascript"> <br><!-- <br>$(window).load(function(){ <br>$('#content img').LoadImage(true, 600,500,'img/loading.gif'); <br>}); <br>//--> <br></script>
