SimpleLightbox и массив изображений для создания галереи изображений - PullRequest
Новая
       42

SimpleLightbox и массив изображений для создания галереи изображений

0 голосов
/ 27 октября 2019

Я пытаюсь создать галерею из массива изображений, используя SimpleLightbox. У меня есть простой проект с файлами HTML, CSS и JavaScript. Я уже использую SimpleLightbox где-то еще на полностью работающем веб-сайте, но способ, которым я использую его в других местах, заключается в том, чтобы встроить изображения в теги привязки, а затем использовать jquery для его вызова таким образом, и он работает просто отлично:

Example1: 

<script src="js/simple-lightbox.min.js"></script>
<script>
$(function() {
  const $gallery1 = $('.gallery-1 a').simpleLightbox();
<script>

Тогда как сейчас я пытаюсь сделать следующее:

Example2: 

$('.gallery-images a:nth-of-type(1)').on('click', function () {
  SimpleLightbox.open({
    items: ['img/gallery7.jpeg', 'img/gallery8.jpeg', 'img/gallery9.jpeg']
  });
});

Что в основном означает, что если я нажмуна первом изображении я хочу, чтобы галерея сдвигала изображения, которые я помещаю в массив и которые находятся не на html-странице, а в папке img.

Ошибка, которую я получаю в консоли браузера:

SimpleLightbox is undefined

Стоит упомянуть, что у меня не был установлен простой лайтбокс с npm, но у меня был файл минимизации, находящийся в папке js, и он работал нормально, когда я использовал его, как в первом примере. Учитывая ошибку, возникающую при попытке использовать ее, как во втором примере, я также установил пакет, но, к сожалению, я все еще получаю ту же ошибку.

...