2015-06-30 2 views
0

надеюсь кто-то может мне помочь!Trouble initializing Lightbox плагин (Лайтбокс 2 с JQuery)

Я построил сайт html5/bootstrap3 www.girlsfly2.ca и работаю над реализацией 4 страниц галереи, документирующих 4-летние фотографии событий. Фотографии упорядочены с помощью плагина Deseriesro Packery (все еще выполняется работа), и я хотел бы включить плагин Lightbox, чтобы посетители могли нажимать на фотографию галереи, видеть увеличенную версию миниатюры, которая будет включать подпись с фотографией, а затем сможете перемещаться вперед или назад к соседним фотографиям или закрываться назад в галерею.

Первая тестовая страница находится здесь: http://www.girlsfly2.ca/past_events_PACKERY.html Хотя я думал, что правильно выполнил инструкции по инициализации разработчика, очевидно, что я допустил ошибку где-то, потому что ничего не происходит, когда вы нажимаете на любую из изображений.

Если кто-то может указать, что я пропустил, я буду вечно благодарен! У меня, скорее всего, будет больше вопросов, поскольку я уточню/настрою параметры, но на данный момент я замер, пока не смогу заставить плагин работать!

Спасибо за любую помощь и предложения!

Кирстен

+0

Ваша консоль из 2-й линии говорит это -> ** Не удалось загрузить ресурс: сервер ответил со статусом 404 (Не найдено) -http: //www.girlsfly2.ca /css/lightbox.css**, что означает, что лайтбокс css не загружен должным образом или вообще не присутствует в указанном пути, и если я перейду к указанному выше пути и проверьте 'css' его пустую !! любезно сделайте примечание !! –

+1

Спасибо @GuruprasadRao - я добавил отсутствующий термин Лайтбокс на путь включения CSS для Lightbox CSS, и это решило проблему - СПАСИБО! Теперь, чтобы выяснить, как настроить плагин! – LostinCanada

+0

В любое время. Счастливое кодирование .. :) –

ответ

1

Ваша консоль из 2-й ссылке говорит, что это -> Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден) -girlsfly2.ca/css/lightbox.css который означает, что лайтбокс css не загружен должным образом или вообще не присутствует в указанном пути, и если я , перейдите по указанному выше пути и проверьте css на его пустую !! любезно сделайте примечание !! - Guruprasad Rao

Спасибо Guruprasad Rao за то, что он указал на несоответствие CSS! Я включил Lightbox CSS в HTML, но путь для расположения файла был неправильным. Задача решена!

С наилучшими пожеланиями, Кирстен