1

我有一个带有一些 javascript 函数的 HTML 页面。它基本上是这样做的......我有一些具有透明背景(.png)的图像,我使用 z-index 属性将每个图像与其他图像相结合,以便我可以组装一个新图像。使用一些按钮,您可以激活用其他图像替换某些图像的 javascript。

也许一个例子可以帮助你更好地理解这种情况:想象一辆汽车。你有三个图像:眼镜、轮子和身体。每个图像都有一个透明的背景,因此如果您将所有图像一起查看,您可以看到整辆车。使用按钮,您可以用另一个车轮图像替换车轮图像,这样您就可以看到同一辆车的更多“版本”,而无需为每个组合创建图像(我有 345 种可能的组合,所以这是唯一的方法)。

它工作得很好,但速度很慢 :( 当我只需要更改一件时,替换会立即发生,但是当我必须一键更改许多件时,它会缓慢加载图像,因此效果很糟糕。

我需要的是一个加载条/轮子,它出现在所有其他图像上,并且在浏览器完成加载合成图像时消失。我试图在网上搜索解决方案,但我只找到加载整个页面的解决方案。但在我的情况下,页面不会改变,只有内部图像会改变。

我该如何解决这个问题?在此先感谢,马可

4

0 回答 0