如何使用一张大图像并将其拆分为一个网站的较小部分?

问题描述:

所以我见过一种方法,几个人似乎使用他们有一个大图像(主模板图像,如果你愿意的话),并且在图像加载后,有一些脚本或编码可以隔离图像的各个部分,并使用这个较小的部分作为按钮等元素。 Facebook上的Words With Friends字母拼图就是这种情况。我不是在谈论如何使用Photoshop来分离它们。我希望在这个问题上有一个网页,希望有一些教程或例子。我正在寻找一些我可以用HTML,CSS或JavaScript做的事情。甚至是jQuery。如何使用一张大图像并将其拆分为一个网站的较小部分?

对不起,我不能提供任何代码,因为这就是我所追求的,我不知道这个方法究竟是什么。

有一种叫做spriting的CSS技术。我发现下面的文章解释了精辟:

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

+0

这似乎完全像我想要的东西,非常感谢! – OffLuffy 2012-03-01 23:48:55