fancybox показывает только одно изображение в группе

Question

Пожалуйста, смотрите код ниже .. fansybox по какой-то причине показывает только одну фотографию - первую. И вторая картина не показана. Я не понимаю, почему.

Я прочитал учебник, и сначала я попытался использовать этот код http://jsfiddle.net/2k8EP/, но этот код не работает с плагином ajax и jquery.infinitescroll, fancybox работает только для изображений, которые были загружены на первую страницу и не работают для других динамически загруженных страниц. Мой код отличная работа с плагином jquery.infinitescroll, но с одной проблемой: фантазия не показывает второе изображение. Мне нужен код вроде jsfiddle.net/2k8EP/, который корректно работает с плагином jquery.infinitescroll. Извините за мой английский. Thnx!

p.s. jsfiddle.net/sxJgQ пример кода моей проблемы

<a class="open_fancybox" href="images/cards/img_1370603520.jpg"><img src="images/cards/img_1370603520.jpg" width="200" height="125" border=0></a> 

$(document).ready(function(){ 
    $(".open_fancybox").fancybox([{ 
      href : 'images/cards/img_1370603520.jpg',     
      title : 'title1' 
     }, 
    { 
      href : 'images/cards/img_1370603521.jpg',     
      title : 'title2' 
     }, 
    ], { 
    helpers : { 
     title: { 
      type: 'inside' 
      } 
    }, 
     padding : 0, 
    loop: false 
    }); 

}); 

Answer 1

Я не понимаю из вашего вопроса, что вы точно хотите достичь. Пожалуйста, прочитайте учебники первых, это все включено там - например, здесь:

http://fancyapps.com/fancybox/

Но если вы хотите, чтобы некоторые примеры, я сделал скрипку вы можете проверить здесь: http://jsfiddle.net/9tagE/. Это простое решение, которое откроет одно изображение при нажатии на другое. Но если вы хотите, галерея с двумя различными рисунками вы должны сделать это следующим образом:

<a class="open_fancybox" href="http://farm5.static.flickr.com/4058/4252054277_f0fa91e026.jpg"> 
    <img src="http://farm5.static.flickr.com/4058/4252054277_f0fa91e026_m.jpg"/> 
</a> 
<a class="open_fancybox" href="http://farm3.static.flickr.com/2489/4234944202_0fe7930011.jpg"> 
    <img src="http://farm3.static.flickr.com/2489/4234944202_0fe7930011_m.jpg"/> 
</a> 

Вы можете проверить эту скрипку: http://jsfiddle.net/eFPbe/

ВАЖНО:

Не забудьте включить все файлы:

1. jquery.fancybox.js
2. jquery.fancybox.css
3. jquery.fancybox-thumbs.css
4. jquery.fancybox-thumbs.js

EDIT: Здесь Вы можете проверить пример, вероятно, что вы пытались сделать (создать галерею из одного изображения) http://jsfiddle.net/2k8EP/

<a class="open_fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a> 

$(".open_fancybox").click(function() { 

    $.fancybox.open([ 
     { 
      href : 'http://fancyapps.com/fancybox/demo/1_b.jpg', 
      title : 'manual 1st title' 
     }, 
     { 
      href : 'http://fancyapps.com/fancybox/demo/2_b.jpg', 
      title : '2nd title' 
     }, 
     { 
      href : 'http://fancyapps.com/fancybox/demo/3_b.jpg', 
      title : '3rd title' 
     } 
    ], { 
     nextEffect : 'none', 
     prevEffect : 'none', 
     padding : 0, 
     helpers : { 
      title : { 
       type: 'over' 
      }, 
      thumbs : { 
       width : 75, 
       height : 50, 
       source : function(item) { 
        return item.href.replace('_b.jpg', '_s.jpg'); 
       } 
      } 
     } 
    }); 

    return false; 
});