Shadowbox

Is it possible open a Shadowbox thumbails gallery with a area map?

2 Messages

Is it possible open a Shadowbox thumbails gallery with a area map?

Reply Threaded

I can use a "image map" to open a image , but I want open a thumbails gallery when press a image map.

Do you Know if this is possible?

-----------------------------------------------------------------------------------------------------
This is a table code for thumbails: Use a "rel" parameter for create thumbails.
------------------------------------------------------------------------------------------------------
<td>
a rel="shadowbox[MustangThumbs];options={counterType:'skip',continuous:true,animSequence:'sync'}"
href="gallery/mustang/red.jpg">

</td>
<td>
a rel="shadowbox[MustangThumbs];options={counterType:'skip',continuous:true,animSequence:'sync'}"
href="gallery/mustang/blue.jpg">

</td>
<td>
a rel="shadowbox[MustangThumbs];options={counterType:'skip',continuous:true,animSequence:'sync'}"
href="gallery/mustang/grey.jpg">

</td>
-----------------------------------------------------------------------------------
This is a code for image maps and I don't know if is possible change this code
for a open a thumbails images when select a area of image.
----------------------------------------------------------------------------------
<head runat="server">
<title>Página sin título</title>

<script type="text/javascript" src="build/adapter/shadowbox-base.js"></script>
<script type="text/javascript" src="build/shadowbox.js"></script>
<script type="text/javascript">

Shadowbox.loadSkin('classic', 'src/skin');
Shadowbox.loadLanguage('en', 'build/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'build/player');

window.onload = function(){

Shadowbox.init();

Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'));
};

</script>
</head>
<body>
<form id="form1" runat="server">
<div id="hongkong">
img src="bg/ark00.jpg" alt="Hong Kong" usemap="#hongkongmap" style="width: 708px; height: 529px"/>

<map id="hongkongmap" name="hongkongmap">
<area shape="rect" coords="43,427,135,477" href="images/f02.jpg" alt=""/>
<area shape="rect" coords="191,411,286,474" href="images/f03.jpg" alt=""/>
<area shape="rect" coords="419,402,502,481" href="images/f04.jpg" alt=""/>
</map>
</div>

</form>
</body>

Thanks

Miquel Prous

mjijackson

Re: Is it possible open a Shadowbox thumbails gallery with a area map?

Reply Threaded

Just set up all of the area elements with the same gallery, like so:

Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'), {gallery: 'galleryname'});