Лайтбокс слайдшоу

Question

Этот код взят с W3schools.com. Все, что я сделал, это скопировал и вставил дополнительный блок div для создания нового столбца. Проблема в том, что когда я нажимаю на изображение 2-го ряда, чтобы увеличить его, код возвращает меня к 1-му изображению 1-го ряда. Я не уверен, какая функция имеет дело с целым нажатием на любое изображение, которое я хочу увеличить.

Все, что я хочу - это иметь возможность расширять строки большим количеством изображений, а затем иметь возможность щелкать по любому случайному значению, а затем режим лайтбокса начинается с изображения, которое я щелкнул не самым первым изображением на веб-странице.

Весь код можно найти по адресу: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_lightbox

Answer 1

Это потому, что при нажатии на новый 5-й слайд выполните onclick="openModal();currentSlide(1)"

Чтобы понять, что происходит при нажатии, вам нужно go в части script и понять, что эти две функции делают ,

Поскольку вы получили его от w3schools, они размещают заметки и пояснения на своих страницах. Так что first я могу порекомендовать вам не использовать код, если вы не понимаете, что он делает, и second - w3schools не всегда точен с их примерами, поэтому лучше, чтобы вы меняли свои ресурсы.

Я советую MDN - у них действительно хорошие учебники .

Наслаждайтесь кодом!