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

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

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

Я пытался найти какие-либо конфликты css, но ничего не вышло.

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

Любой совет будет принят во внимание.


lightbox2
person FingerFrame    schedule 07.03.2020    source источник

Ответы (3)


arrow_upward
0
arrow_downward

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

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

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

Внимание для других.

person user13063267    schedule 14.03.2020

arrow_upward
1
arrow_downward

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

person RayB    schedule 16.03.2020

arrow_upward
0
arrow_downward

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

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

person Nijigahara    schedule 03.04.2020