ГлавнаяВопросыСтатьиПредложенияМеткиПользователи

Воспроизведение аудиофайла при клике на изображение

Задан 1 год назад
Просмотрен 86 раз
1

У меня курс по изучению английского для детей, подгоняю формат уроков, чтобы было максимально понятно и просто. Подскажите - можно ли "вшить" воспроизведение аудио в картинку? То есть чтобы при клике на картинку начинала воспроизводиться аудиозапись.

урок
аудио
код
спросил 25.07.2023 09:32
Добавить комментарий
Сделаем GetOverflow лучше!
Проголосуйте 🔼 за полезные или 🔽 за бесполезные ответы.
1 ответ
1

Можно попробовать так:

  • всем блокам с аудио указать класс с порядковым номером, например, audio-1, audio-2, audio-3 и так далее. Сделать это можно в настройках стиля блока
  • в блоке с картинкой желаемое аудио можно запустить с помощью кода. Для этого нужно перейти в настройки картинки и в поле “При клике на весь блок” выбрать “Вызов Javascript”. В появившемся поле нужно указать код: $('.audio-1 .jp-controls .jp-play').click();

При нажатии на картинку будет проигрываться аудио, помеченное соответствующим тегом. В коде для каждой картинки вместо “audio-1” нужно указывать тег нужной записи. Например, код для второй картинки будет выглядеть так: “$('.audio-2 .jp-controls .jp-play').click();”.

ответил 25.07.2023 09:32
Добавить комментарий
Ваш ответ