JQuery lightbox bug fixed

Question

If you visit here: http://www.egyptevakantie.nl/dahab , click on the "andere plaatsen" tab, and then click on the image that it invokes. larger image courtesy of the jQuery lightbox plugin.

However, if you do the same here http://www.egyptevakantie.nl/dahab?rhys=yes (essentially the same site, with the exception of a pair of style sheets and one or two secondary html, none of which are in the vicinity of the images), the lightbox fails. Instead of overlaying the content, the lightbox is added to the bottom of the page, where it also appears strange.

So far, in debugging, I have managed to find out that the plug-in still calculates the correct values ​​on the left and top for placing lightboxes, but by the time dhtml was created, the upper value had completely changed.

Does anyone know why this is happening?

Answer 1

I think you are missing the jquery lightbox stylesheet file.

on the first page there is a link to this css file:

/css/jquery.lightbox-0.5.css

but in the second link there is no link to this file.

this css file is included in the jQuery download library located here:

http://leandrovieira.com/projects/jquery/lightbox/

Answer 2

If the image is added to the bottom page, to be sure: the absolute is not set.