作者klern (灰)
看板Ajax
標題[問題] 剪裁圖片
時間Mon Dec 6 09:24:34 2010
大家好
最近想做網頁先載入一張大圖
範例圖
http://commons.wikimedia.org/wiki/File:Sprite-example.gif
在將圖片裁切成一張一張放入陣列中
等需要時候在進行呼叫
請問要如何用javascript去達成此目的
謝謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.204.186.221
※ klern:轉錄至看板 Web_Design 12/06 09:25
1F：→ tomin:sprite不用js 你要的可能是lazyload 12/06 11:27
2F：→ klern:剛剛咕狗了一下 lazyload似乎是延遲圖片載入＠＠" 12/06 11:44
3F：→ klern:好像無法達成我需求＠＠" 12/06 11:45
4F：→ blestadsl:Puzzle? 12/06 13:17
5F：→ blestadsl:可以運用css方式做到 12/06 13:18
6F：→ klern:感謝 好像是又好像不是XD" 研究一下 12/06 13:31
7F：→ klern:補充：不考慮canvas tag的作法 謝謝 12/06 13:35
8F：推 mesak:css 的位移圖片就可以了~再接著 用 class 就可以當gif玩 12/06 14:12
9F：→ mesak:陣列 只需要存CLASS名稱就好 12/06 14:12
10F：→ klern:謝謝 請問位移意思是指將區域外的圖隱藏而已嗎 還是有裁切 12/06 14:23
11F：→ blestadsl:就是同一張圖片..將不要的部分隱藏.. 12/06 21:28
12F：→ klern:謝謝... 所以沒辦法達到囉 囧? 12/06 21:42
13F：→ klern:還是有辦法從圖抓特定範圍存放到另一塊img object中嗎@@? 12/06 21:43
14F：推 mesak:不能用DIV區塊嗎 12/07 10:45
15F：→ klern:web_design有教我用div作法了 希望有我這目的的作法XD 12/07 12:03