Виталий Киренков

$('.link-fancybox').fancybox();

`.link-fancybox` - этот класс вешаете на каждую ссылку в галлерее и будет вам счастье. Эти ссылки же все равно у вас автоматически генеряться.

Это будет довольно таки кривая реализация, но должно работать.

Попробуйте подойти от обратного. Вам же для инициализации нужно чтобы у тэга А был аттрибут data-lightbox если его ссылка ведёт на картинку?

Делаете что то типа такого:

var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');

select.each(function(index, item){
    item.data("lightbox", "some text");
})

По идее может сработать

FancyBox - его есть две версии и у них колбэки называются по разному, но они есть и там и там.

Там есть метод - beforeShow - которое отрабатывается до показа контента. Вот на нем вешаете какой то класс на fancybox-overlay, ну и стилизуете этот класс из css как вам угодно, хоть градиентный оверлей туда впишите

stackoverflow.com/questions/8753923/fancybox-2-sto...