I have been trying to put lightbox on my site I am making, but its not working. I have searched on forums and can't find exactly the same problem. When I click on my thumnail to open it abosolutly nothing happens. It just says done in my loading bar on firefox.. I think I have everything required to do it. I have the tag in the head I have a seperate css sheet thats linked to I have the link line of java stuff. I will show you my code and if you see what it is please let me know. Also does it matter if its on a local host? It does the same thing on my host, but I don't know if I have PHP or Java enabled.
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<script type="text/javascript" src="lightbox.j s"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Goldfi sh Graphics</title>
<link type="text/css" rel="stylesheet " href="lightbox. css" />
<link type="text/css" rel="stylesheet " href="Goldfish. css" />
<style type="text/css">
<!--
A {text-decoration:none }
-->
</style>
</head>
<body>
<div id="container" >
<div id="banner">
<img src="images/banner.jpg" alt= "Goldfish Graphics Banner Image" />
</div>
<div id="navigation" >
<div id="hvan">
<a href="index.php ">Home</a> <a href="services. php">Services</a> <a href="portfolio .php">Portfolio </a> <a href="contact.p hp">Contact</a>
</div>
</div>
<div id="sidebar">
<div id="texto">
<h4 class="sidebar" > Testimonies</h4>
<p>
<?php include('testmo nies.php'); ?>
</p>
</div>
<h4>Links</h4>
<div id="links">
<div class="nav">
<p>
<a href="#">Pixel2 Life</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
</p>
</div>
</div>
</div>
<div id="content">
<div id="text">
<h2>Portfolio </h2>
<p id="home">
</p>
<br />
<br />
<h5>Websites: </h5>
<br />
<br />
<br />
<br />
<h5>Print Graphics:</h5>
<a href="softball. jpg" rel="lightbox" title="This is a fastball team logo that I made for a team. They wanted something simple with a few colors that was easy to screen print."><img src="images/bb.jpg" border="0" alt= "A thumnail of my work" /></a>
<p id="news">
</p>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
[/html]
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<script type="text/javascript" src="lightbox.j s"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Goldfi sh Graphics</title>
<link type="text/css" rel="stylesheet " href="lightbox. css" />
<link type="text/css" rel="stylesheet " href="Goldfish. css" />
<style type="text/css">
<!--
A {text-decoration:none }
-->
</style>
</head>
<body>
<div id="container" >
<div id="banner">
<img src="images/banner.jpg" alt= "Goldfish Graphics Banner Image" />
</div>
<div id="navigation" >
<div id="hvan">
<a href="index.php ">Home</a> <a href="services. php">Services</a> <a href="portfolio .php">Portfolio </a> <a href="contact.p hp">Contact</a>
</div>
</div>
<div id="sidebar">
<div id="texto">
<h4 class="sidebar" > Testimonies</h4>
<p>
<?php include('testmo nies.php'); ?>
</p>
</div>
<h4>Links</h4>
<div id="links">
<div class="nav">
<p>
<a href="#">Pixel2 Life</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
<br />
<a href="#">Link</a>
</p>
</div>
</div>
</div>
<div id="content">
<div id="text">
<h2>Portfolio </h2>
<p id="home">
</p>
<br />
<br />
<h5>Websites: </h5>
<br />
<br />
<br />
<br />
<h5>Print Graphics:</h5>
<a href="softball. jpg" rel="lightbox" title="This is a fastball team logo that I made for a team. They wanted something simple with a few colors that was easy to screen print."><img src="images/bb.jpg" border="0" alt= "A thumnail of my work" /></a>
<p id="news">
</p>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
[/html]
Comment