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