[問題] 淡出圖片的速度

看板Web_Design作者 (finn)時間13年前 (2012/10/04 15:59), 編輯推噓3(308)
留言11則, 6人參與, 最新討論串1/1
如果假設以 /*CSS*/ .fadeout img { display:none; } /*js*/ $('.fadeout img').fadeIn(1000); 淡出某一圖片,如果圖片完整讀取完的時間如果>1000,那淡出的效果好像就等同會失效 ,又好像在某一間內沒讀取完都會,圖片由上到下慢慢跑出顯示完 有什麼辦法可以改善嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 211.79.156.22

10/04 16:04, , 1F
等圖load完 才去做特效..
10/04 16:04, 1F

10/04 16:22, , 2F

10/04 16:26, , 3F
$(document).ready()
10/04 16:26, 3F

10/04 22:12, , 4F
ready() 是dom載完還是圖載完?
10/04 22:12, 4F

10/04 22:17, , 5F
body.onload
10/04 22:17, 5F

10/04 23:35, , 6F
1樓是對的. $(document).ready()是dom載完;並非圖載完
10/04 23:35, 6F

10/04 23:48, , 7F
2樓的範例小修改(讀大圖) http://jsfiddle.net/TKf93/10/
10/04 23:48, 7F

10/05 00:54, , 8F
恩,ready似乎無法解決..。樓上大大點run沒反應orz..
10/05 00:54, 8F

10/05 06:35, , 9F
ppt圖床掛了,罷了~看這個比較清楚 NG版跟正常版js 自己換
10/05 06:35, 9F

10/05 06:37, , 10F
http://ppt.cc/xyw7 Run過1次後記得清掉browser快取再Run
10/05 06:37, 10F

10/05 08:41, , 11F
酷喔,似乎可以了,感恩!
10/05 08:41, 11F
文章代碼(AID): #1GRK7Qx7 (Web_Design)