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

register281009

6 января 2019, 15:56

385

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

У меня возникла странная проблема с 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>