Проблема с загрузкой контента Fancybox
 

Прошу вашего совета по галерее Fancybox.
Имеется задача создать галерею из большого количества изображений (порядка 1000-2000). Для каждого изображения прописываю код:
Изображение изначально показывается только одно, а при клике на него - открывается галерея, в которой можно пролистать все 1000.
То есть для загрузки галереи на страницу подгружаются все изображения, но у всех, кроме одного стоит display: none. Проблема в том, что они все равно подгружаются все сразу при загрузке страницы. Можно ли сделать так, чтобы изображения подгружались по мере листания их в галерее, а не сразу все?
Корректно ли вообще фэнсибокс использовать для создания галереи из достаточно большого количества изображений?

Можно так вот сделать:

var gallery = [
    {"href":"assets/images/photo1.jpg"},
    {"href":"assets/images/photo2.jpg"},
];

// это навесить через обработчик клика по картинке
$.fancybox.open(gallery, {type: 'image'});

То есть вырисовывается 2 способа организовать фэнсибокс:
1. прописать на странице все нужные картинки с указанием у каждой одного и того же атрибута rel='xxx'
2. передать фэнсибоксу массив ссылок, как в ответе выше

А есть еще способы?

Способы чего? Связать картинки в одну галерею? Ну вроде еще через атрибут data-group который предпочтительней чем rel (ибо rel может иметь только жесткий набор значений, и его нельзя использовать в своих целях)

Если конкретнее, то способы открыть галерею с картинками, но чтобы они подгружались по мере необходимости, а не все сразу при загрузке страницы..

Я не понял, вам нужен 101 способ создать галерею? Если ни один из двух вариантов не подходит - напишите почему.

Я так понимаю, в первом способе все картинки загружаются вместе со страницей, а во втором нет. Если больше нет никаких отличий - то все, вопросов больше не имею, спасибо)