Более быстрое изменение изображения в JS

Question

У меня есть аудиоплеер, который я построил на HTML5 и JavaScript.

Нажатие на кнопку воспроизведения указывает JavaScript воспроизводить звук и заменяет src на изображении кнопки воспроизведения (play.svg) на значок pause.svg. Медлительность здесь заметна. Требуется время, чтобы перейти на сервер и получить это изображение.

Какой более быстрый способ заменить кнопку воспроизведения на кнопку паузы?

Answer 1

Вопрос довольно широкий, но дать вам несколько идей:

• Вы можете использовать два тега изображения и показать / скрыть их на странице.
• Использование CSS-спрайта и изменение класса CSS
• Предварительная загрузка SVG с использованием Javascript

Не видя ваш код, я не знаю, какое для вас лучшее решение, но один из этих вариантов должен охватывать то, что вы ищете.