He intentado convertir la solución ofrecida en¿Cómo abro fancybox mediante una llamada manual para una galería en el html y no a través de las opciones de jQuery? para aplicarlo a varias galerías, pero no puede hacer que funcione correctamente.

Lo que tengo son varios enlaces con los siguientes 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.

Se supone que estos se aplican a sus respectivos álbumes habilitados para Fancybox, por ejemplo:

 <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>

y

 <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 busca el.image-show clase, y funciona bien cuando se hace clic en las propias imágenes.

Se supone que el siguiente código de jQuery vincula los títulos del álbum a la primera imagen en sus respectivos álbumes:

 $('.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 se puede ver, el objetivo era obtener eldata-open-id del título del álbum y úselo para abrir el primer elemento de Fancybox con el valor como surel atributo. Por desgracia, no funciona. ¿Alguna idea sobre lo que podría salir mal? ¡Tu ayuda sería muy apreciada!

¡Gracias por adelantado!