Вход

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


Emmit
10.04.2013, 12:27
Прошу вашего совета по галерее Fancybox.
Имеется задача создать галерею из большого количества изображений (порядка 1000-2000). Для каждого изображения прописываю код:
<a style="<?= ($photo['photoId'] != $item['photoId']) ? 'display: none;' : '' ?>" class="box" rel="group" href="<?= base_url() . 'files/z/' . $photo['face']; ?>"'>
<img src="<?= base_url() . 'files/m/' . $photo['face']; ?>" />
</a>
Изображение изначально показывается только одно, а при клике на него - открывается галерея, в которой можно пролистать все 1000.
То есть для загрузки галереи на страницу подгружаются все изображения, но у всех, кроме одного стоит display: none. Проблема в том, что они все равно подгружаются все сразу при загрузке страницы. Можно ли сделать так, чтобы изображения подгружались по мере листания их в галерее, а не сразу все?
Корректно ли вообще фэнсибокс использовать для создания галереи из достаточно большого количества изображений?

danik.js
10.04.2013, 16:19
Можно так вот сделать:
var gallery = [
{"href":"assets/images/photo1.jpg"},
{"href":"assets/images/photo2.jpg"},
];

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

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

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

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

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

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

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