PDA

View Full Version : Lightbox not working :(



NiGHTS Chao
03-10-2008, 11:41 PM
1) Script Title: Lightbox

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

3) Describe problem:
Well
I have a very simple gallery page
There is a table containing all my thumbnails, and when you move the mouse over them, an image off to the side displays a somewhat larger version of the picture

My goal is to have these elements and have it so when you click on the image (thumbnail) you get the lightbox popup (the animated popup that displays the full-sized image with a caption at the bottom)

Yet I cannot achieve this...
I placed this in the <head>:


<link rel="stylesheet" href="D:/EXAMPLE/Lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js"></script>

And then I have this coding for my images:


<td width="103" height="72"><div align="center"><img src="Images/Thumbnails/1.jpg" alt="Blue Light Vista" name="I1" width="100" height="72" id="I1" onmouseover="MM_swapImage('Blank','','Images/Thumbnails/1-1.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td>

I cannot get this to work correctly, how can I merge the coding so I can apply the lightbox to every image??

I've managed to make it create an image (with rollover) that will open a new page/tab and display the full image, but I thought the script was supposed to allow for an animated popup box that displayed the image

(note: I am tech savvy but forgot all my HTML a long time ago, I know nothing of CSS and Javascript, thats probably why I can't get it to work)

Thank you very much :)