次の方法で開くファンシーボックスがあります。
$('.fancybox').fancybox({
type: 'iframe',
fitToView : false,
autoSize : false,
height : 550,
width : 650,
beforeClose: function () {
d = new Date();
var imgObj = $('.fancybox').siblings('img');
var imgSrc = imgObj.attr("src");
imgObj.attr("src", imgSrc+"?"+d.getTime());
}
});
関数でわかるように、beforeClose
クリックされたリンクの兄弟画像をターゲットにして、クエリ文字列として時間を追加することで画像を再読み込みしようとしています。
上記のコードは機能しますが、ページにファンシーボックスが1つある場合にのみ機能します。1つ以上ある場合(これは私がやりたいことです)、ページ上のすべての画像を、クリックされたリンクの隣の画像に再読み込みします。
関数内からファンシーボックスを開くためにクリックしたリンクをターゲットにする方法はありbeforeClose
ますか?
これを行う方法については、fancyboxのドキュメントに何も見つかりません。