在图像地图上添加灯箱图像

Question

我很难找到任何真正的awnser或教程如何做到这一点，无论如何实际上将坐标指向图像地图的不同部分，并在点击时加载灯箱图像。

Answer 1

是的，我相信nohref属性或html5使这个被弃用，所以让href成为＃。

在实例化灯箱代码时，您可以更改源代码，以便添加区域标签，例如data-source

我不确定你使用的是哪个灯箱，所以无论如何都要给你的区域标签一个类和我刚刚告诉你的属性并使用

//this is just an example do not use this jQuery   
$('.lightbox').Lightbox ({
     source: this.getAttribute ('data-source'),
  });

HTML

<area shape="rect" coords="coordinates" data-source="images source" class="lightbox" href="#">

要停止页面跳转，请在侦听器中返回false或e.preventDefault（）。对不起我在我的手机上，否则我会解释得更好。希望你明白我的意思。