作者scorpion2272 (我是盆栽)
看板Web_Design
標題[問題] load圖片越來越慢
時間Sat Aug 24 04:38:38 2013
jsfiddle:
http://jsfiddle.net/E7P3Y/1/
各位好，我目前想做一個功能是按按鈕會換下一張圖，
因為我在換圖的過程中使用了jquery的animate()來製造漸透明→換圖→漸浮現的效果，
所以使用了jquery的load來讓圖片都載入完才漸浮現，
但這樣的結果會造成圖片載入越來越慢@@
查了一下可能是記憶體越吃越多的關係？
不曉得大家會怎麼處理這件事情，請問用lazyload可以解決嗎？感謝！
附上簡短程式碼：
$('.instructionImg').animate({opacity:0},500,function(){
$('.instructionImg').attr('src','a.jpg');
$('.instructionImg').load(function(){
$('.instructionImg').animate({opacity:1},500);
});
});
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.130.177.126
※ 編輯: scorpion2272 來自: 220.130.177.126 (08/24 14:24)
1F：→ Rplus:不用縮圖嗎? 這麼大張... 08/24 14:39
2F：→ scorpion2272:解決了 load只要load一次就好 08/24 17:16
3F：→ scorpion2272:我讓他每次按按鈕都設一次load事件..所以變很慢 08/24 17:16