@Tereverda

Как привязать плагин Hotspot к фоновому изображению div?

Нужно привязать точки с информацией Hotspot, плагин https://github.com/aniruddhanath/jquery-hotspot/tr...
к фоновому изображению div - первый экран на главной

Не понимаю, что указать в параметре tag

<section>
    <div class="container main-background" id="main_foto_hotspots">
      // img background
    </div>
</section>


.main-background {
  background-image: url(main_foto.webp);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  background-size: 50%;
}


jQuery('#main_foto_hotspots').hotspot({
  data: [
    { "x":18, "y":38, "Title":"The Title","Message":"Create the Message here" },
    { "x":43, "y":40, "Title":"jQuery Hotspot","Message":"This jQuery Plugin lets you create hotspot to any HTML element." }
  ],
  tag: '**div.background**', //optional (default is img)
  interactivity: "click", // options : click, none (default is hover)
  hotspotClass: 'Hotspot'
});
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы