FancyBox3 загружает изображения из массива и отображает миниатюры - PullRequest
Новая
       10

FancyBox3 загружает изображения из массива и отображает миниатюры

0 голосов
/ 16 октября 2018

В настоящее время у меня есть запрос JSON, который возвращает список изображений, которые я назначаю массиву с именем «photosArray»

Сначала я получаю этот запрос и добавляю каждый элемент к элементу массива в формате:

{src: 'www.mysite.com/image1.jpg}; '

А потом я вызываю fancybox.open 

 $.fancybox.open(photosArray,
            {
            buttons: ["thumbs", "close"],
            protect: true,
            transitionDuration: 1000,

            thumbs: {
                autoStart: true
            }
        },

        );

Это работает, изображения отображаются, однако я не могу отобразить эскизы для изображений,даже добавив параметр thumbs: {autoStart: true}

В примерах, которые я видел, для отображения миниатюр необходимо использовать атрибуты данных в тегах, например, data-fancybox="images" data-thumb=" small-image.jpg", но это не вариант, потому что я делаюне отображать ссылки или изображения на странице, просто ссылка «Просмотреть все изображения»

Я хотел бы использовать те же изображения в полном размере для миниатюр.

Поэтому я спрашиваю: как можно отобразить миниатюры, загружающие изображения из массива в fancybox3.

1 Ответ

0 голосов
/ 16 октября 2018

Я заметил, что добавление «большого пальца» к элементу массива приводит к отображению миниатюр. 

{src: 'www.mysite.com/image1.jpg', thumb: 'www.mysite.com/image1_small.jpg'};
...