使用fancybox與不同的DOM結構

我想能夠使用具有以下DOM結構的fancybox。使用fancybox與不同的DOM結構

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

我想在rel屬性或任何其他數據屬性中提供大圖像源。

來源

2011-09-09 AnyOne

1）爲什麼？ 2）如果它沒有在fancybox文檔中提到它，它將不起作用。除非循環遍歷每個元素，並將其包裝在帶有鏈接的'a'元素中。 –

我已經將它與錨點一起使用，但在同一時間使用相同結構的其他元素也存在一些問題。這就是爲什麼我想能夠使用不同的結構。 – AnyOne

而不是改變fancybox閱讀方式，我會創建一個JavaScript，將您的dom結構變成fancybox喜歡的方式。

例如：

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

來源

2011-09-09 12:48:25 jeffreydev

這只是建議。我知道這一點，但我有充分的理由這樣做。 – AnyOne

你爲什麼不只是應用容器一類專門針對的fancybox。

然後，您可以針對你的造型元素，這將是唯一的fancybox風格

來源

2011-09-09 12:56:32 ScampDoodle

使用fancybox與不同的DOM結構

回答

相關問題