如何使用一个大图像并将其拆分成网站的小块?

Off*_*ffy 2 html javascript css image css-sprites

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

抱歉,我无法提供任何代码,因为这就是我所追求的,而且我也不知道这个方法究竟是什么.

Way*_*rts 6

有一种称为spriting的CSS技术.我发现以下文章解释得非常出色:

CSS Sprites:它们是什么,为什么它们很酷,以及如何使用它们