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

Question

我正在努力寻找有关如何执行此操作的任何真正的遮阳篷或教程，无论如何，是否可以将坐标实际指向图像地图的不同部分，并在单击时加载灯箱图像。

Answer 1

是的，我相信 nohref 属性或 html5 已弃用此功能，因此请将 href 设为 #。

在实例化灯箱代码时，您可以更改源代码，以便在区域标签中添加数据源等标签

我不肯定你使用的是什么灯箱，所以无论如何给你的区域标签一个类和我刚刚告诉你的属性和使用

//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()。对不起，我在手机上，否则我会解释得更好。希望你明白我的意思。