2013-03-21 70 views
0

我正在嘗試使用燈箱2(版本2.51)和圖像映射。該網站用於主題公園,公園地圖圖像有8個區域,每個區域應有自己的幻燈片。我嘗試過使用rel =「lightbox [group1]」,但顯然「rel」不能像「a」那樣與「area」一起工作。燈箱2論壇頁面上的解決方案是在這裏http://www.patworx.de/blog/?p=20並說:燈箱2可以使用圖像地圖嗎?

「解決方法: 但原型仍然能夠獲得屬性:) 所以只需更換

imageLink.rel 

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

並享受燈箱!「

但是,我在lightbox.js文件中找不到imageLink.rel。這個解決方案提到燈箱2.04,所以它現在可能是一個過時的解決方案。任何想法的最新版本的燈箱2?提前致謝。

編輯:

http://jsfiddle.net/GBpjJ/

回答

0

我終於回答了我的問題,如果任何人問津......我找到了這個網頁,實際上有幾個不同的方式做圖像地圖,而「區域「標籤,它允許您在圖像映射中使用帶有錨標籤的」rel「標籤。那個爲我工作的人就是例子2a。希望這可以幫助別人。

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

0

,我發現你的問題,回答和我一起來看看該鏈接,但在我來說,我使用的地圖區域使用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>