图片加载前修改图片的大小

<script src="../js/jquery.min.js"></script>

<script type="text/javascript">

jQuery(window).load(function () {
//jQuery(function($){

//按比例放缩图片
$("img").each(function(){
if(this.id=='srcImg'){
var image=this;
if(image.width>400||image.height>400){
var w;
var h;
if(image.width>image.height){
w=400;
h=400/image.width*image.height;
}else{
w=400/image.height*image.width;
h=400;
}
$('#srcImg').width(w);
$('#srcImg').height(h);
//$('#srcImg').css('visibility','visible');

}

}
});
});

</javascript>

<img alt="原图" id="srcImg" src="<%=path %>" >

在使用//jQuery(function($){});加载图片时在火狐浏览器中会有显示原图片大小的bug,改用jQuery(window).load(function () { });可以解决该问题。