Лайтбокс2 не открывает изображение в лайтбокс

Я пытаюсь интегрировать Lightbox2 в существующий веб-сайт.

Код головы:

<head>
 <link rel="stylesheet" media="screen" type="text/css" href="/css/style.css">
 <link rel="stylesheet" type="text/css" href="/css/lightbox.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script type="text/javascript" src="/js/lightbox.js">
</head>

Код изображения:

<div class="image-wrapper">     
 <a href="/img/projects/folder/image_big.jpg" data-lightbox="lightboxImage">
  <img src="/img/projects/folder/image_thumbnail.jpg" alt=" " class="project-image">
 </a>
</div>

Моя проблема в том, что когда я нажимаю на миниатюру, она открывает большое изображение только в пустом окне браузера, а не в лайтбоксе.

Я уже проверил пути. И консоль браузера не показывает ошибок.

Я думаю, я просто что-то пропустил. Но я не знаю, что это может быть.

Был бы признателен за помощь. Спасибо!

Источник

1 ответ

Решение

В соответствии с инструкцией с домашней страницы Lightbox2 вы должны поставить тег script, ссылающийся на /js/lightbox.js файл в нижней части </body> тег.

Включите Javascript внизу вашей страницы перед закрытием <body> раздел:

<script src="path/to/lightbox.js"></script>
Источник
Другие вопросы по тегам