Домашні завдання в цьому модулі спрямовані на роботу з сторонніми ресурсами які оформлюють галереї
github.com/basiclightbox`Для початку потрібно у html файл додати посилання на бібліотеки:
https://www.jsdelivr.com/package/npm/basiclightbox?path=dist
https://cdn.jsdelivr.net/npm/basiclightbox@5.0.4/dist/basicLightbox.min.css https://cdn.jsdelivr.net/npm/basiclightbox@5.0.4/dist/basicLightbox.min.js
Потім використовувати шаблонну розмітку зображень галереї і використовувати обробник події(клік) по зображенню.
В обробнику потрібно створити новий екземпляр const instance = basicLightbox.create()
Для початку потрібно у html файл додати посилання на бібліотеки:
https://cdnjs.com/libraries/simplelightbox
https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/2.10.3/simple-lightbox.min.js https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/2.10.3/simple-lightbox.esm.js
Потім використовувати шаблонну розмітку зображень галереї і використовувати обробник події(клік) по зображенню.
В обробнику потрібно створити новий екземпляр const lightbox = new SimpleLightbox('.gallery a', { captionDelay: 250});