Two things I notice:
1 ) In FF, it looks all messed up when the box displays.
2 ) In several browsers, I don't see the next and previous images.
For number 1, get rid of this (red) from your body tag:
Code:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onLoad="preloadImages();initLightbox();">
The script itself is already initing and doing so without conflicting with with your image preload script. To place it here can cause it to init twice, making all of its created elements with id's invalid for scripting purposes.
For number 2, the paths to these images is incorrect in the stylesheet (lightbox.css) they should be (red, for your current setup):
Code:
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
There could also be other problems.
Bookmarks