Использование fancybox с другой структурой DOM

Question

Я хочу использовать fancybox со структурой ниже DOM.

<div>
 <img src="smallImageSource" rel="bigImageSource">
 <img src="smallImageSource" rel="bigImageSource">
 <img src="smallImageSource" rel="bigImageSource">
<div>

Я хочу предоставить источники больших изображений в атрибутах rel или любых других атрибутах данных.

Answer 1

Почему бы вам просто не применить контейнер с классом специально для fancybox.

Затем вы можете настроить таргетинг на элементы в вашем стиле, которые будут стилями только для fancybox

Answer 2

Вместо того, чтобы менять способ чтения fancybox, я бы создал javascript, который превращает вашу структуру dom в то, как это нравится fancybox.

например:

$('img').each(function () {
$this = $(this);
$this.wrap('<a href="'+$this.attr('rel')+'"></a>');
$this.removeAttr('rel');
});
// run fancybox