Как открыть другую галерею для каждого изображения с помощью FancyBox

Question

Я использую FancyBox-2.1.5, и я могу использовать его в качестве обычного использования, как $('.fancybox').fancybox();

, но теперь мне нужно открыть другую галерею за каждый клик по метке изображений

, например:

<a href='#'><img src='photo-a.jpg' class='fancybox' rel='gallery'/></a> <a href='#'><img src='photo-b.jpg' class='fancybox' rel='gallery'/></a> <a href='#'><img src='photo-c.jpg' class='fancybox' rel='gallery'/></a>
когда photo-a.jpg clicked.must открыта галерея photo-1.jpg,photo-2.jpg and photo-3.jpg

когда photo-b.jpg clicked.must open gallery for photo-4.jpg,photo-5.jpg and photo-6.jpg ... и т. Д.

Как это сделать, используя при необходимости fancybox и ajax?

Answer 1

Просто назначьте другое реле для разных галерей.

<a href='#'><img src='photo-a.jpg' class='fancybox' rel='gallery1'/></a> 
      <img src='photo-a1.jpg' class='fancybox' rel='gallery1'/> 
      <img src='photo-a2.jpg' class='fancybox' rel='gallery1'/> 
<a href='#'><img src='photo-b.jpg' class='fancybox' rel='gallery2'/></a> 
      <img src='photo-b1.jpg' class='fancybox' rel='gallery2'/> 
      <img src='photo-b3.jpg' class='fancybox' rel='gallery2'/> 
<a href='#'><img src='photo-c.jpg' class='fancybox' rel='gallery3'/></a> 
      <img src='photo-c1.jpg' class='fancybox' rel='gallery3'/> 
      <img src='photo-c2.jpg' class='fancybox' rel='gallery3'/> 

как раз такой.

Примечание: всегда читайте документацию, прежде чем применять