Question

我正在尝试使用Lightbox 2（版本2.51）和图像映射。该网站用于主题公园，公园地图图像有8个区域，每个区域都应有自己的幻灯片。我尝试使用rel =“lightbox [group1]”但显然“rel”不适用于“area”，就像使用“a”一样。 Lightbox 2论坛页面上的解决方案在http://www.patworx.de/blog/?p=20，并说：

“解决方法：但是Prototype仍然可以获得属性:) 所以只需替换

imageLink.rel

与

Element.readAttribute($(imageLink), "rel")

并享受Lightbox！“

但是，我在lightbox.js文件中找不到imageLink.rel。这个解决方案提到了Lightbox 2.04，所以它现在可能是一个过时的解决方案。有关Lightbox 2最新版本的任何想法？提前谢谢。

编辑：

http://jsfiddle.net/GBpjJ/

Answer 1

我终于回答了我自己的问题，以防其他人感兴趣...我发现这个页面实际上有一些不同的方法来做一个没有“area”标签的图像地图，这可以让你使用“rel”标记在图像映射中的锚标记。对我有用的是例子2a。希望这可以帮助别人。

http://www.wickham43.net/imagemaps.php

Answer 2

我找到了你的问题和答案，我看一下这个链接，但就我而言，我使用的地图区域是这样的javascript：

<img src="myimage.jpg" usemap="#planetmap" />

<map name="planetmap">
    <area shape="rect" coords="83,8,813,88" href="javascript:openPTBR()" alt="pt-br">
</map>
<a href="http://www.google.com" id="lnkPTBR" rel="lightbox"> </a>

<script> 
    function openPTBR(){
        $('#lnkPTBR').click();
    }
</script>

Lightbox 2可以使用图像映射吗？

2 个答案: