Fancybox - Как загрузить изображение с URL?

Question

Интересно, как я могу создать лайтбокс, который загружает изображение на странице с URL из ссылок

Вот мой код, но он не работает:

   $("a.picture").click(function() { 
        $.fancybox({ 
           'padding'           : 0, 
           'overlayShow'   : false, 
           'transitionIn'  : 'elastic', 
           'transitionOut' : 'elastic', 
           'titlePosition' : 'over', 
           'type' : 'image', 
           'titleFormat'   : function(title, currentArray, 
currentIndex, currentOpts) { 
            return '<span id="fancybox-title-over">' + (currentIndex + 
1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + 
title : '') + '</span>'; 
           } 
        }); 
        return false; 
    }); 

и HTML-код

<a class="picture" href="http://localhost/test/my_page.html" title="Picture Page">Link</a>

Спасибо!

Answer 1

В приведенном выше сценарии также предполагается, что у вас есть HTML-код, подобный следующему:

<a class="picture" href="images/picture.jpg">open image</a>

, тогда вам также следует добавить в свой сценарий параметр href например

$("a.picture").click(function() { 
        $.fancybox({ 
           'padding'           : 0, 
           'overlayShow'   : false, 
           'href': this.href, //<--LIKE THIS
           // etc....

эта опция предоставит URL, откуда fancybox будет загружать изображение.

ПРИМЕЧАНИЕ : Задавать вопросы можно, и мы рады помочь, но, как прокомментировал @ofir, вы должны оставить отзыв и принятьправильные ответы, предоставленные другими, чтобы люди чувствовали мотивацию помочь вам в будущем.