@alex_643

Как реализовать режим просмотра изображений?

5e87ad11baa89009034847.png

Надо реализовать что-то похожее как на картинке. Подскажите пожалуйста как это сделать? Может есть какие то теги?
  • Вопрос задан
  • 107 просмотров
Пригласить эксперта
Ответы на вопрос 2
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Вот два неплохих варианта на ванильном JS без JQ:

https://sachinchoolur.github.io/lightgallery.js/
https://feimosi.github.io/baguetteBox.js/

На Github можно найти ещё больше. Да и через поиск в Google выпадают иногда полезные варианты, но выше предложенные мною варианты, наиболее интересны и удобны. Я когда-то пользовался ими, пока не начал пилить свою библиотеку.

Можно реализовать ещё и вот так без готовых плагинов/библиотек/и так далее:

https://www.w3schools.com/howto/howto_js_lightbox.asp

Скрипт в примере конечно не из лучших, но как основа для модификации подходит. Можно понять логику и механизм работы, и освоив JS на хорошем уровне, вполне реально довести до идеального вида. Анимации, плавность, и прочее делается через CSS. Частично через JS, но большая часть через CSS.

В принципе для подобной галереи совсем не нужны громоздкие плагины, библиотеки, и прочее. А с другой стороны, естественно зачем пилить свой велосипед, если есть готовое, ламповое, тёплое? Проще взять готовый продукт, юзать его, а потом, однажды, попытаться добавить недостающие функции, и всё потом выльется в поиск новой библиотеки или плагина, в котором возможно есть нужное.

На чистом JS всё это может занять не больше чем 100 строчек кода. Не больше, но точно меньше.

И всё таки некоторые готовые слайдеры, галереи, и прочее - очень удобны, полезны. Знаний не всегда хватает чтобы создать идеальный продукт, а нечто готовое - всегда было и будет хорошим бонусом для работы.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы