Элементы управления не отображаются в лайтбоксе

Question

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

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

Я пытался найти конфликты css но ни один не подходит.

Я использую версию "lightbox-plus-jquery" js.

Любой совет будет оценен.

Answer 1

Новое в лайтбоксе Когда я впервые настроил его ... у меня был html в одном каталоге, у меня был каталог для js и один для css У меня было несколько папок (альбомов) с различными именами. .. Откорректировал html, чтобы он указывал на изображения ... все работало, кроме навигационных изображений ... исследование, которое я провел, заставило меня понять, что скрипты искали их в каталоге изображений, я создал каталог с именем images в тот же каталог, что и мой html файл ... поместил навигационные изображения в этот каталог изображений, и все работало потом ....

Answer 2

Я на самом деле пытался решить ту же самую проблему, которую я пробовал обоими способами выше, и ни один из них не работал. Поэтому я открыл файл lightbox-plus- jquery .min, чтобы увидеть, что не так. Итак, решение, которое я нашел, состояло в том, что вы должны сохранить файл js в папке js и файл css в папке css (а кнопки навигации должны быть помещены в папку изображений, как указано на сайте лайтбокса).

Я только начал работать над этим проектом, поэтому все файлы html, css и js были в одном каталоге. Создал для них отдельные папки и бац работал как волхв c. Прочитав функции, я понял, что на сайте лайтбокса уже написано, что файлы находятся в этих папках с конкретными именами.

Answer 3

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

По сути, решение состоит в том, что ВСЕ изображения, которые вы хотите применить в лайтбоксе ДОЛЖНЫ БЫТЬ В ОДНОМ ДИВЕ. Я использовал макет сетки и по какой-то причине изначально сетка не работала, когда я просто помещал изображения в один и тот же блок. Таким образом, я сделал целую кучу div, каждый с одним изображением внутри, и это, казалось, решило проблему с компоновкой сетки. Когда я удалил все div и отрегулировал css, чтобы соответствовать, у меня все еще была моя сетка И появились предыдущие и следующие значки.

Я думаю, javascript ищет другие изображения в том же самом div, не может найти ни одного, и поэтому не отображает предыдущий и следующий значки.

А в голову другим.