nseymour808
07-10-2009, 08:29 PM
so i am trying to get my lightbox to work, i have placed all the scripts according to the lightbox site, but it does not start when i click the image it just loads the link in a new page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<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>
<title>Outdoor</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style5 {
font-family: "One Fell Swoop";
font-size: 50px;
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
-->
</style>
</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#666666">
<div align="center">
<table width="210%" height="100%" border="0">
<tr>
<td height="144" colspan="2"><div align="center"><img src="navbar2.jpg" alt="Eukarezt Nav" width="955" height="142"></div></td>
</tr>
<tr>
<td width="19%" align="left" valign="top"><div align="center">
<p class="style5">Outdoor</p>
</div></td>
<td width="81%" align="center"><table width="898" height="195" border="0">
<tr>
<td width="180" height="162" align="left" valign="top"><a href="outdoor/another paint day 238.jpg"rel="lightbox"><img src="outdoor/another paint day 238.jpg" width="199" height="166" alt="eukarezt"/></a></td>
<td width="206" align="left" valign="top"><a href="outdoor/ inscription20.jpg"><img src="outdoor/ inscription20.jpg" width="206" height="165" alt="Eukarezt"></a></td>
<td width="212" align="left" valign="top"><a href="outdoor/ inscription12.jpg"><img src="outdoor/ inscription12.jpg" width="212" height="165" alt="Eukarezt"></a></td>
<td width="216" align="left" valign="top"><a href="outdoor/ inscription13.jpg"><img src="outdoor/ inscription13.jpg" width="216" height="165" alt="Eukarezt"></a></td>
<td width="10" align="left" valign="top"><a href="outdoor/ inscription21.jpg"><img src="outdoor/ inscription21.jpg" width="221" height="165" alt="Eukarezt"></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="outdoor/1st Aniversary Trip 089.jpg"><img src="outdoor/1st Aniversary Trip 089.jpg" width="199" height="152" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/art8.jpg"><img src="outdoor/art8.jpg" alt="Eukarezt" width="206" height="152"></a></td>
<td align="left" valign="top"><a href="outdoor/art7.jpg"><img src="outdoor/art7.jpg" width="212" height="151" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/ inscription17.jpg"><img src="outdoor/ inscription17.jpg" width="214" height="86" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/art5.jpg"><img src="outdoor/art5.jpg" alt="Eukarezt" width="101" height="177" align="center"></a></td>
</tr>
</table></td>
</tr>
</table>
</font>
</div>
</body>
</html>
thats the body script im using, if you can see the problem that would be great, i am testing it locally and it still dont show, donno if that matters
thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<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>
<title>Outdoor</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style5 {
font-family: "One Fell Swoop";
font-size: 50px;
}
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
-->
</style>
</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#666666">
<div align="center">
<table width="210%" height="100%" border="0">
<tr>
<td height="144" colspan="2"><div align="center"><img src="navbar2.jpg" alt="Eukarezt Nav" width="955" height="142"></div></td>
</tr>
<tr>
<td width="19%" align="left" valign="top"><div align="center">
<p class="style5">Outdoor</p>
</div></td>
<td width="81%" align="center"><table width="898" height="195" border="0">
<tr>
<td width="180" height="162" align="left" valign="top"><a href="outdoor/another paint day 238.jpg"rel="lightbox"><img src="outdoor/another paint day 238.jpg" width="199" height="166" alt="eukarezt"/></a></td>
<td width="206" align="left" valign="top"><a href="outdoor/ inscription20.jpg"><img src="outdoor/ inscription20.jpg" width="206" height="165" alt="Eukarezt"></a></td>
<td width="212" align="left" valign="top"><a href="outdoor/ inscription12.jpg"><img src="outdoor/ inscription12.jpg" width="212" height="165" alt="Eukarezt"></a></td>
<td width="216" align="left" valign="top"><a href="outdoor/ inscription13.jpg"><img src="outdoor/ inscription13.jpg" width="216" height="165" alt="Eukarezt"></a></td>
<td width="10" align="left" valign="top"><a href="outdoor/ inscription21.jpg"><img src="outdoor/ inscription21.jpg" width="221" height="165" alt="Eukarezt"></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="outdoor/1st Aniversary Trip 089.jpg"><img src="outdoor/1st Aniversary Trip 089.jpg" width="199" height="152" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/art8.jpg"><img src="outdoor/art8.jpg" alt="Eukarezt" width="206" height="152"></a></td>
<td align="left" valign="top"><a href="outdoor/art7.jpg"><img src="outdoor/art7.jpg" width="212" height="151" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/ inscription17.jpg"><img src="outdoor/ inscription17.jpg" width="214" height="86" alt="Eukarezt"></a></td>
<td align="left" valign="top"><a href="outdoor/art5.jpg"><img src="outdoor/art5.jpg" alt="Eukarezt" width="101" height="177" align="center"></a></td>
</tr>
</table></td>
</tr>
</table>
</font>
</div>
</body>
</html>
thats the body script im using, if you can see the problem that would be great, i am testing it locally and it still dont show, donno if that matters
thanks