//---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)
推
04/05 21:14, , 1F
04/05 21:14, 1F
→
04/05 21:14, , 2F
04/05 21:14, 2F
→
04/05 21:49, , 3F
04/05 21:49, 3F
→
04/05 21:49, , 4F
04/05 21:49, 4F
→
04/05 21:50, , 5F
04/05 21:50, 5F
討論串 (同標題文章)