Lightbox работает некорректно: добавляет изображения внизу страницы

R2
На сайте с 06.01.2019
Offline
0
369

Здравствуйте.

У меня возникла странная проблема с Lightbox: изображения не "выплывают" на центр экрана, а просто добавляются внизу страницы.

Тестовая страница-пример выглядит так:

<!DOCTYPE html>


<html>
<head>
<meta charset="utf-8" />
<title>Lightbox изображение внизу страницы</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="lightbox.css" rel="stylesheet">

<script src="jquery-3.3.1.min.js"></script>


</head>
<body>

<a href="image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

<a href="image-2.jpg" data-lightbox="roadtrip">Image #2</a>
<a href="image-3.jpg" data-lightbox="roadtrip">Image #3</a>
<a href="image-4.jpg" data-lightbox="roadtrip">Image #4</a>

<a href="image-6.jpg" data-lightbox="image-6"><img src="image-6.jpg" alt="" width="100"/></a>

<script src="lightbox.min.js"></script>
</body>
</html>

Выглядит результат вот так:

Архив со всеми тестовыми файлами:

https://yadi.sk/d/qU042J7pBigaBQ

При этом и в интернете на некоторых сайтах у меня повторяется такая проблема. На некоторых все работает нормально.

В чем же может быть дело?

R2
На сайте с 06.01.2019
Offline
0
#1

Был поврежден файл "lightbox.css".

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий