Chinaunix

标题: 关于在图片加载时用jQuery调整图片大小的问题 [打印本页]

---

作者: fanteathy    时间: 2012-09-25 15:12
标题: 关于在图片加载时用jQuery调整图片大小的问题
图片在类名为bodyLeft的层中，现在文档加载时用jQuery调整图片的大小，代码如下：

1. $(".bodyLeft img").load(function(){  
   
2.     w=$(this).width();  
   
3.     h=$(this).height();  
   
4.     t=$(this).attr("title");  
   
5.     src=$(this).attr("src");  
   
6.     $(this).width(w>400?400:w);  
   
7.     $(this).height(w>400?(400/w)*h:h);  
   
8.     $(this).css("cursor","pointer");  
   
9.     $(this).click(function(){  
   
10.         $("#picDlg").html("<img src="+src+" border=0/>").fadeIn(1000).dialog({  
    
11.             width:"auto",  
    
12.             height:"auto",  
    
13.             title:t,  
    
14.             modal:true,  
    
15.             draggable:false,  
    
16.             resizable:false  
    
17.         })  
    
18.     })  
    
19. })  

复制代码

此处出现一种情况：若图片加载过一次，再访问时，会显示浏览器缓存的内容而不是重新加载图片，刚上述事件不会发生，图片依然以原尺寸显示。需要主动再加载一次，上述事件才能发生。另外在IE中上述事件也并不会发生。请教解决方案。

---

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)

Powered by Discuz! X3.2