图像处理 - 背景位置，src更改和多图像最佳实践？

Question

我有一个关于图像处理良好礼貌的问题。

我知道三种方法来做到这一点，所以我想知道什么是最好的（如果有人有更好的办法，请成为我的客人），使用click，mouseover，doubleclick和其他事件。

1. 创建背景并更改背景位置。 （这是我使用最多的）

2. 变化与AREADY加载IMAGEM但隐藏模式下attr("src")

3. 工作。 （这在我看来是可怕的）

现在我正在处理很多图像操作，所以我想开始做正确的事情。

什么是最好的方式来操纵图像的使用jQuery的？

谢谢。

Answer 1

你的第一个方法也被称为使用精灵。 http://www.alistapart.com/articles/sprites其实，最有效的方法是将许多图标大小的图像转换成一个大大的“精灵”的形象，只是更改背景图片，因为：

• 它加载
• 有需要后面少了很多步骤，更快场景切换图像
• 你没有预先载入图像

有可用的自动完成这个整个过程的工具。

指南针是我最喜欢的：http://compass-style.org/help/tutorials/spriting/