heres the official site:
http://www.huddletogether.com/projects/lightbox2/
I put all the lightbox files, in a folder called lightbox. And the instructions tell me to put the following code into my head.
CODE
<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" />
<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" />
Im using includes, so in the folder called includes and in the file called header.php (because I use php includes) in the head I put
CODE
<script type="text/javascript" src="/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="/lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="/lightbox/css/lightbox.css" type="text/css" media="screen" />
I added "/lightbox/ because of course it is telling the browser to go back one folder and look in the folder lightbox.
And then in a folder called designs I put the code
CODE
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
in the body.
And used my own images, and all works well! But for some reason the close and loading images arent showing!
So I go to lightbox/js/lightbox.js and I checked that the loading.gif and closelabel.gif were pointing to the right directory.
And they both were pointing images/loading.gif and images/closelabel.gif.
So I troublshooted and tried putting a / before the two previous codes and ../ before them and I tried adding .. before the js file in the header.php file and before the css one.
And well nothing works.
I know that was a long explanation but I had to explain so you could understand where everything was pointing to. So im not sure why it isn't working. And I have had this problem b4. Tanks.