Eu tentei converter a solução oferecida emComo faço para abrir o fancybox via chamada manual para uma galeria no html não através das opções do jquery? para aplicá-lo a várias galerias, mas não consegue que ele funcione corretamente.

O que eu tenho é vários links com os seguintes atributos:

<a href="#" class="open-album" data-open-id="album-1">Album 1</a>
<a href="#" class="open-album" data-open-id="album-2">Album 2</a>

etc.

Estes devem se aplicar aos seus respectivos álbuns habilitados pelo Fancybox, por exemplo:

 <a href="#" class="image-show" rel="album-1"><img src="#" /></a>
 <a href="#" class="image-show" rel="album-1"><img src="#" /></a>
 <a href="#" class="image-show" rel="album-1"><img src="#" /></a>

e

 <a href="#" class="image-show" rel="album-2"><img src="#" /></a>
 <a href="#" class="image-show" rel="album-2"><img src="#" /></a>
 <a href="#" class="image-show" rel="album-2"><img src="#" /></a>

Fancybox procura o.image-show e funciona bem quando as imagens são clicadas.

O seguinte código jQuery supostamente vincula os títulos dos álbuns à primeira imagem em seus respectivos álbuns:

 $('.open-album').click(function(e) {
    var el, id = $(this.element).data('open-id');
    if(id){
        el = $('.image-show[rel=' + id + ']:eq(0)');
        e.preventDefault();
        el.click();
    }
}); 

Como você pode ver, o objetivo era obter odata-open-id do título do álbum e usá-lo para abrir o primeiro item do Fancybox com o valor comorel atributo. Infelizmente, isso não funciona. Alguma idéia do que poderia estar dando errado? Sua ajuda será muito apreciada!

Desde já, obrigado!