Im pulling my hair out!!
I have used lightbox several times in the past but today i thought i would try a different approach to design that i havent tried be for.
I created the entire page in photoshop,then placed the page in a table. I inserted an Ap Div over the the image and inserted another image that i wanted to use in lightbox but lightbox does not work..Please help and advise is great.
im using firefox if that makes any difference
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Welcome to Spruce – Gallery</title>
<style type=”text/css”>
<!–
body {
background-image: url(../Assets/background.jpg);
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 463px;
top: 309px;
}
–>
</style>
</head>
<body>
<table width=”200″ border=”0″ align=”center”>
<tr>
<td><img src=”../Assets/Gallery.jpg” alt=”gallery” width=”600″ height=”800″ border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”46,183,94,198″ href=”../index.html” alt=”home” />
<area shape=”rect” coords=”146,180,201,201″ href=”../Services/services.html” alt=”services” />
<area shape=”rect” coords=”265,179,323,201″ href=”../About/about.html” alt=”About Us” />
<area shape=”rect” coords=”371,183,421,201″ href=”index.html” alt=”Gallery” />
<area shape=”rect” coords=”480,181,551,200″ href=”../Contact/Contact.html” alt=”Contact Us” />
<area shape=”rect” coords=”159,764,197,779″ href=”../index.html” alt=”home” />
<area shape=”rect” coords=”205,760,254,780″ href=”../Services/services.html” alt=”services” />
<area shape=”rect” coords=”267,764,320,780″ href=”../About/about.html” alt=”about us” />
<area shape=”rect” coords=”329,762,369,781″ href=”index.html” alt=”gallery” />
<area shape=”rect” coords=”385,762,448,782″ href=”../Contact/Contact.html” alt=”contact us” />
</map> <div id=”apDiv1″><a href=”Asset/sarapicture.jpg” rel=”lightbox[xmas]”><img src=”../Assets/sara.jpg” width=”100″ height=”200″ alt=”sara” /></div></td>
</tr>
</table>
</body>
</html>
Thanks in advance