Звуковые эффекты при клике или наведении

Данный скрипт весит всего 1.5 кб и позволяет легко добавлять звуки взаимодействия с элементами.

Примеры:
Установка:

Подключаем скрипт loudlinks.min.js в конце страницы.

Применение:

На нужный нам тег добавляем класс loud-link-hover для проигрывания звука при наведении и loud-link-click при клике

Далее в этот тег добавляем дата атрибут

Где sound это название mp3 и/или ogg файла

Звуковые файлы sound.mp3 и sound.ogg находятся в корневой папке folder

Автор скрипта loudlinks.rocks

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Ирина:

    Здравствуйте у меня не получается.Вот код:

    <div data-sound="/folder/sound" class="loud-link-hover">Наведите</div>
    Дело в том что я хочу вставить свой звук,например мелодию.

    Ответить
    • Alexander:

      Тут нужно смотреть на то как вы подключили скрипт и загрузили на сайт звуковые файлы (в какую папку).
      Дайте ссылку на сайт, постараюсь помочь

      Ответить
  • Света:

    Позабавилась ;-(
    Навтыкала на сайт звуков, что жуть какая-то стала…
    Пришлось удалять ;-(

    Ответить
    • Alexander:

      С такими вещами нужно аккуратнее )

      Ответить