作者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