图像处理 - 背景位置,src更改和多个图像最佳实践?

时间:2011-08-09 13:03:23

标签: javascript jquery

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

我知道有三种方法可以做到这一点,所以我想知道什么是最好的(如果有人有更好的方式,作为我的客人发帖),使用点击,鼠标悬停,双击和其他事件。

  1. 制作背景并更改背景位置。 (这是我最常用的)

  2. 更改attr("src")

  3. 使用imagem加载但隐藏模式。 (这在我看来很糟糕)

  4. 现在我正在进行大量的图像处理,所以我想开始做正确的事情。

    使用jquery操作图像的最佳方法是什么?

    感谢。

1 个答案:

答案 0 :(得分:1)

您的第一个方法也是使用精灵来调用的。 http://www.alistapart.com/articles/sprites实际上,最有效的方法是将许多图标大小的图像放入一个大的“精灵”图像中,然后更改背景图像,因为:

  • 加载速度更快
  • 切换图像的幕后需要的步骤少很多
  • 您无需预先加载图片

有一些工具可以为您自动完成整个过程。

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