Lightbox показывает увеличенное изображение во всплывающем окне, но ничего больше. Нет заголовка, нет символов навигации и закрытия, нет анимации при создании фрейма. Я должен использовать стрелку назад Chrome, чтобы вернуться к исходному изображению. Я тестировал лайтбокс в www.yurowcreates.com/Lville60. (Для просмотра используйте вкладку с надписью «3 мая», затем щелкните изображение в верхнем левом углу.) Я также использую Bootstrap. Могут ли быть какие-либо конфликты? Я следовал всем инструкциям по установке, включая указание путей к символам навигации и правильное расположение тегов HTML-ссылок и сценариев JavaScript. (См. Ниже)
Моя HTML-разметка выглядит следующим образом:
В разделе заголовка:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-
beta.2/css/bootstrap.min.css" integrity="sha384-
PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
crossorigin="anonymous">
<link rel="stylesheet" href="Style.css" type="text/css">
<link rel="stylesheet" href="lightbox.css" type="text/css">
В разделе тела;
<div class="container">
<div class="row mb-3">
<div class="col">
<a href="images/sandyandstu.jpg" data-lightbox="sandyandstu" data-title="Sandy and Stu"><img class="mb-5 mb-sm-0" src="images/sandyandstu.jpg" width="300" height= "200"></a>
</div>
...two other images in the same row go here...
</div>
,,,
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
... (скрипты ajax и bootstrap) ...
<script src="lightbox.js"></script>
</body>