2009-04-07 5 views
3

Если вы посетите здесь: http://www.egyptevakantie.nl/dahab, перейдите на вкладку «andere plaatsen», а затем нажмите на изображение, которое отображает увеличенное изображение, любезно предоставленное плагином jQuery.jQuery lightbox plug-in ошибка

Однако, если вы делаете то же самое здесь http://www.egyptevakantie.nl/dahab?rhys=yes (по сути, тот же сайт, за исключением нескольких таблиц стилей и одной или двух незначительных изменений html, ни одна из которых не находится в непосредственной близости от изображений), лайтбокс выходит из строя. Вместо того, чтобы накладывать содержимое, лайтбокс добавляется к нижней части страницы, где он также отображается странно.

До сих пор в отладке мне удалось выяснить, что подключаемый модуль по-прежнему вычисляет правильные значения слева и сверху для размещения лайтбоксов, но к моменту создания dhtml верхнее значение полностью изменилось.

Кто-нибудь не знает, почему это происходит?

+0

Нажатие на изображения во второй ссылке не делает ничего для меня ни в Firefox, ни в Chrome. Возможно, это поможет, если HTML будет проверен? –

ответ

6

Я думаю, вам не хватает файла таблицы стилей jquery lightbox.

на первой странице есть ссылка на этот файл CSS:

/css/jquery.lightbox-0.5.css 

но на второй ссылке там нет ссылки на этот файл.

этот файл CSS включен в загрузку JQuery лайтбокс, расположенный здесь:

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

+0

Христос всемогущий Я идиот. – wheresrhys

+0

Лучший комментарий к OP никогда. –

+0

Знаешь, я точно знал ответ, потому что это случилось со мной раньше! лол. рад помочь. –

0

Если изображение добавляется в нижней части страницы, наверняка ПОлОжЕНИЕ: абсолютное не установлен.