2011-09-09 6 views
0

私は、以下のDOM構造でfancyboxを使用したいと考えています。異なるDOM構造のfancyboxを使用する

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

大きな画像ソースをrel属性または他のデータ属性で提供したいと考えています。

+0

1)になりますあなたのスタイリングの要素をターゲットにすることができますか? 2)それがfancyboxのドキュメンテーションでそれを言及しないなら、それはうまくいかないでしょう。各要素をループしてその中のリンクを持つ 'a'要素でラップしない限り、 –

+0

すでにアンカーで使用していますが、sametimeで同じ構造を使用している他のcompenentsにはいくつか問題があります。それが私が別の構造を使用できるようにしたい理由です。 – AnyOne

答えて

0

ファンシーボックスの読み方を変更する代わりに、ファンシーボックスが好きなようにdom構造を変えるjavascriptを作成します。例えば

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

これは単なる提案です。私はそれを認識していますが、私はこれを行うための完全な正当な理由があります。 – AnyOne

0

なぜあなただ​​けfancyboxのために特別クラスを容器には適用されません。

その後、fancyboxスタイルだけなぜ

関連する問題