Галерея и Fancybox

Я использую фрагмент галереи на MODx Revolution 2.1.5.

Я вызываю основной фрагмент галереи вместе с указанным альбомом.

Я пытаюсь связать Fancybox (jQuery Lightbox) с миниатюрами и изображениями.

Вот что MODx выводит на ресурс:

<div class="gal-item"> 
<a href="path/to/page/test.html?galItem=1&galAlbum=1&galTag="> 
<img class="" src="/assets/components/gallery/connector.php?action=web/phpthumb&w=100&h=100&zc=1&far=C&q=90&src=%2Fassets%2Fcomponents%2Fgallery%2Ffiles%2F1%2F4.jpg" alt="lorem-ipsum-2.jpg" /> 
</a> 
</div>

Я правильно выбрал содержимое. Когда я нажимаю на изображение, заключенное в тег ссылки, я получаю это сообщение:

Запрошенный контент не может быть загружен. Пожалуйста, повторите попытку позже.

Как это не грузится? Он загружает миниатюру, и для ее создания требуется исходное изображение. Как это не может найти изображение?

Примечание. Я использую настройку по умолчанию для этого дополнения.

Благодарю вас!


person Aaron Brewer    schedule 14.05.2012    source источник
comment
каков ваш URL-адрес вашего большого изображения (которое находится во всплывающем окне)? Этот один путь/к/странице/test.html?galItem=1&galAlbum=1&galTag= .. ?   -  person AlexC    schedule 15.05.2012


Ответы (2)


Как уже упоминал AlexC, я считаю, что это связано с вашим большим путем к изображению. Вы пытались напрямую перейти по этому URL-адресу и посмотреть, загружается ли изображение. Вы можете попробовать удалить код fancybox, а затем нажать на большой палец и посмотреть, работает ли ссылка как обычно. Изображение должно загружаться само по себе в окне браузера.

person Ben    schedule 16.05.2012

У меня может быть много причин, почему id так себя ведет.

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

вы можете попробовать это:

  1. удалить имя класса "fancybox"

  2. и используйте этот код:

    $(".gal-item").live("click", function(){
        var $href = $(this).find("a").attr("href");
    
        var $href = $(this).attr("href");
    
    
        $.fancybox({
           href:$href
        });    
    

    });

person AlexC    schedule 14.05.2012