25.3K ·GitHub
Что это такое?
PhotoSwipe — это JavaScript-галерея изображений и лайтбокс для мобильных устройств и десктопа: модульный код, не привязанный ни к одному фреймворку, который вы добавляете на свои веб-страницы.
PhotoSwipe — это JavaScript-галерея изображений и лайтбокс для мобильных устройств и десктопа: модульный код, не привязанный ни к одному фреймворку, который вы добавляете на свои веб-страницы.Это библиотека, которую я подключаю к своему сайту, или хостинговый сервис галерей?Это фронтенд-библиотека, а не сервис: вы подключаете её JavaScript и CSS к своей странице и привязываете к своей разметке. Она работает без какого-либо конкретного фреймворка.
Это фронтенд-библиотека, а не сервис: вы подключаете её JavaScript и CSS к своей странице и привязываете к своей разметке. Она работает без какого-либо конкретного фреймворка.Как добавить её на веб-страницу?Готовые файлы лежат в папке dist/ — возьмите оттуда основной JS и CSS и подключите их на своей странице. Чтобы пересобрать их из src/, выполните npm run build.
Готовые файлы лежат в папке dist/ — возьмите оттуда основной JS и CSS и подключите их на своей странице. Чтобы пересобрать их из src/, выполните npm run build.Для работы нужна jQuery или фреймворк вроде React?Нет. У пакета нет ни одной рантайм-зависимости, и он не привязан к фреймворкам, поэтому одинаково легко встраивается и в обычный HTML, и в проект на React или Vue.
Нет. У пакета нет ни одной рантайм-зависимости, и он не привязан к фреймворкам, поэтому одинаково легко встраивается и в обычный HTML, и в проект на React или Vue.В интернете куча старых туториалов по PhotoSwipe — какая версия актуальная?Актуальная версия — v5. v6 сейчас в разработке, и автор просит обратной связи по будущим изменениям, а документация и код v4 (4.1.3) по-прежнему доступны для старых проектов.
Актуальная версия — v5. v6 сейчас в разработке, и автор просит обратной связи по будущим изменениям, а документация и код v4 (4.1.3) по-прежнему доступны для старых проектов.На телефонах и в браузерах на компьютере она будет работать одинаково?Она изначально рассчитана и на мобильные устройства, и на десктоп, а проект тестируется через BrowserStack в разных браузерах.
Она изначально рассчитана и на мобильные устройства, и на десктоп, а проект тестируется через BrowserStack в разных браузерах.Чем отличается PhotoSwipe Core от PhotoSwipe Lightbox?В исходниках есть две точки входа: src/js/photoswipe.js для PhotoSwipe Core — самого движка галереи — и src/js/lightbox/lightbox.js для PhotoSwipe Lightbox, готового к использованию инструмента, построенного поверх него.
В исходниках есть две точки входа: src/js/photoswipe.js для PhotoSwipe Core — самого движка галереи — и src/js/lightbox/lightbox.js для PhotoSwipe Lightbox, готового к использованию инструмента, построенного поверх него.Проект ещё активно развивается?Да. Идёт работа над v6, автор собирает отзывы сообщества, кодовая база регулярно тестируется через BrowserStack, а сам проект существует с 2011 года и набрал около 25 тысяч звёзд на GitHub.
Да. Идёт работа над v6, автор собирает отзывы сообщества, кодовая база регулярно тестируется через BrowserStack, а сам проект существует с 2011 года и набрал около 25 тысяч звёзд на GitHub.What are similar projects?Magnific-Popup, swiper, pdf.js, drawably, dropzone, material, sweetalert2, pure
Magnific-Popup, swiper, pdf.js, drawably, dropzone, material, sweetalert2, pureWhich topics is it in?viewer, modular, gallery, photos, zero-dependency, image, javascript-library, ui-components, css, browser, mobile, ui
viewer, modular, gallery, photos, zero-dependency, image, javascript-library, ui-components, css, browser, mobile, ui