7
Alright, I racked my brain all last night and can't figure out what I'm doing wrong. I've copied:
[html]
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.j s?load=effects, builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
[/html]
in my header, as well as move the files into my js folder and placed at my root.
I also copied:
[html]
<link rel="stylesheet " href="css/lightbox.css" type="text/css" media="screen" />
[/html]
and placed alongside my css in my html - above header, but also tried in header to see if it made a difference and it didn't. I as well, copied the css into the css folder and placed in root directory.
I then, placed at the image:
[html]
<a href="img/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
[/html]
Now, I had the link with the source file as:
[html]
<a href="img/2008/nov/photos/Billy_Mays.jpg" rel="lightbox" title="Billy Mays"><img src="/img/2008/nov/photos/Billy_Mays.jpg" alt="Billy Mays" width="100" height="100" hspace="5" border="0"></a>
[/html]
also tried after to see if that would help and it didnt. So I'm thinking it's an interference, and while I do have a:
[html]
<body onLoad="goforit ()>
[/html]
I linked them together with:
[html]
<body onLoad="goforit ();initLightbox ()">
[/html]
but still haven't gotten it to work - all it does is link to the actual image file on my root. I know this has to be a noobie question and I'm screwing up somewhere, I just can't figure it out. I spent all night trying variations that I thought could be making the difference.
Any help is always appreciated, you guys are awesome!
