JS中的图像更改速度更快

Question

我有一个用HTML5和JavaScript构建的音频播放器。

单击播放按钮告诉JavaScript播放音频并将播放按钮图像（play.svg）上的src更改为pause.svg图标。这里的缓慢是显而易见的。花时间去服务器并获取该图像。

将播放按钮更改为暂停按钮的更快方法是什么？

Answer 1

这个问题非常广泛，但为了给你一些想法：

• 您可以在页面上使用两个图片代码和show / hide。
• 使用CSS sprite并更改CSS类
• Preload the SVGs使用Javascript

如果没有看到您的代码，我就不知道什么是最适合您的解决方案，但其中一个选项应该涵盖您所寻找的内容。