Можно ли сделать чтобы увеличивающиеся изображение всегда было сверху?

Можно ли как то сделать так чтобы именно увеличенное изображение было в данный момент сверху?

z-index: 200; например задайте в свойствах картинкам по событию hover.

Можно ли как то сделать так чтобы именно увеличенное изображение было в данный момент сверху?

Нельзя. Ибо нажатие на картинку пальцем — другое событие.

• Ответ изменён 5 лет, 8 месяцев назад пользователем Quazimorda.

А как можно сделать…

Событие onClick, которое обрабатывают в скрипте. Я бы так делать не стал. Во-первых, событие нажатия на картинку срабатывать будет и при нажатии мышкой, что может изменить логику поведения, придётся как-то (классами, например) выделять именно мобильную версию и обрабатывать событие для неё. Во-вторых, у кого-то скрипты просто отключены. В-третьих, любую подобную анимацию для мобильных версий стараются наоборот отключать, а не переводить в полном объёме. В конце концов, для смартфонов и планшетов имеются жесты — типа раздвинуть картинку пальцами и так далее.