作者Qiqi (泼泼)
看板Ajax
标题[问题] load里面有图
时间Wed Apr 4 09:19:55 2012
//---js---//
$('li').click(function(){
$('div').hide('slow',function(){
$(this).load('123.html',function(){
$(this).show('slow');
});
});
});
//---123.html---//
<img src="image.png" />
--------------------------------
有没有办法在load後判定html里面的图片已经读取完再做show的动作？
因为第一次读取时会看不到show的动画，直接图片跳出来
(因为show完了没东西，读完图才贸然呈现)
-----------------------edit--------------
我不知道是不是我的表达方式太烂，所以没人看得懂我的问题
现在123.html只有一行图片的程式码
<img src="image.png" />
但是这张图很大，譬如20MB
所以我在js用load後show出来会lag
$('div').load('123.html',function(){ $(this).show('slow'); })
div在show的过程会卡卡，因为图还在读的关系
有办法判定图读取完後再做show的动作吗？
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.38.69.154
※ 编辑: Qiqi 来自: 114.38.85.94 (04/05 05:51)
1F：推 Crow22312:试试看先在背景里读一次, 赌赌看浏览器会不会 cache(?) 04/05 21:14
2F：→ Crow22312:喔喔.. 看到後面的回文了 /o.o\ 04/05 21:14
3F：→ Qiqi:目前只能这样，在首页hide会用到的大图 04/05 21:49
4F：→ Qiqi:这样子页在load时就会顺，但变成首页刚开始会很慢 04/05 21:49
5F：→ Qiqi:所以在想有没有load时再去判断图读完再show 04/05 21:50