Как сделать ajax fancybox галерею?

Question

[Дмитрий]

Собственно, нужно чтобы по ссылке открывалась fancybox галерея, но картинки должны подгружаться через ajax, дабы не нагружать страницу, так как таких блоков будет много

<div class="item-wr">
    <a href="" class="button fancy-link">Посмотреть галерею</a>
    
    <!-- эти картинки должны подгружаться через ajax -->
    
    <img class="img-gallery" src="img-1" alt="">
    <img class="img-gallery" src="img-2" alt="">
    <img class="img-gallery" src="img-3" alt="">  
</div>

Answer 1

[Мак Алексей]

Там уже есть загрузка контента AJAX

$('#button').on('click', function(){
    $.fancybox({
        width: 400,
        height: 400,
        autoSize: false,
        href: 'http://www.example.com/some-ajax-data.php',
        type: 'ajax'
    });
});

Comments

[Дмитрий]

Нельзя ли организовать такую подгрузку через js?
Потому как понятия не имею, что должно быть в some-ajax-data.php

[Мак Алексей]

Вы определитесь Вам нужен AJAX или нет. AJAX подразумевает, что Вы запрашивает данные у сервера и он Вам их отправляет (some-ajax-data.php должен вернуть список ваших картинок)
Можно прописать ссылки в JS с помощью "content:" в него можно записать любой html код.
Или использовать "inline" контейнер с display: none.
fancyapps.com/fancybox

[Саша]

Ну и как вам слайдер ?