robert475
10-06-2009, 10:33 AM
Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm
Hi
Im quite new to lightbox, i think it is fantastic and very good.
I am trying to incorporate an imagemap with the lightbox feature. My code is as follows:
<code>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<img src="img/contentProducts.jpg" name="floorplan" width="600" height="370" border="0" usemap="#floorplanMap" relalt="" />
<map name="floorplanMap" id="floorplanMap">
<area shape="rect" coords="234,14,314,81" rel="lightboxtour" href="products/lnb.jpg" title="Estimator's Office" />
<area shape="rect" coords="357,13,518,81" rel="lightboxtour" href="../images/office/elizabeth.jpg" title="Elizabeth's Office" />
<area shape="rect" coords="523,13,591,147"rel="lightboxtour" href="../images/office/deck.jpg" title="Trex Decking" />
</map>
</body>
</code>
It works fine in internet explorer, but when i preview it in firefox(mozilla) the background of the page tints but the image doesn't appear/overlay the background as it usually does.
Any suggestions why this could be?
Is there a workaround for this?
I need use it with an image map.
Please help? :(
Thank you
Hi
Im quite new to lightbox, i think it is fantastic and very good.
I am trying to incorporate an imagemap with the lightbox feature. My code is as follows:
<code>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<img src="img/contentProducts.jpg" name="floorplan" width="600" height="370" border="0" usemap="#floorplanMap" relalt="" />
<map name="floorplanMap" id="floorplanMap">
<area shape="rect" coords="234,14,314,81" rel="lightboxtour" href="products/lnb.jpg" title="Estimator's Office" />
<area shape="rect" coords="357,13,518,81" rel="lightboxtour" href="../images/office/elizabeth.jpg" title="Elizabeth's Office" />
<area shape="rect" coords="523,13,591,147"rel="lightboxtour" href="../images/office/deck.jpg" title="Trex Decking" />
</map>
</body>
</code>
It works fine in internet explorer, but when i preview it in firefox(mozilla) the background of the page tints but the image doesn't appear/overlay the background as it usually does.
Any suggestions why this could be?
Is there a workaround for this?
I need use it with an image map.
Please help? :(
Thank you