ファンシーボックス v2.0.6 を使用しています。
ファンシーボックス iframe 内に画像を次のようにロードします。
<a data-fancybox-type="iframe" class="imagefancybox" rel='gallery-image[ilist]' id={{image.id }} href="{{ image.get_absolute_url }}">
imagefancybox クラスは、次のように fancybox を開きます。
$(document).ready(function() {
$(".imagefancybox").fancybox({
'scrolling' : 'no',
aspectRatio : false,
height : '65%',
width : '90%',
maxWidth : 1200,
minHeight : 600,
maxHeight : 680,
padding : 0,
margin : 0,
arrows : true,
nextEffect : 'fade',
prevEffect : 'none',
});
画像はファンシーボックスで正しく開き、矢印を true に設定したため、前後のナビゲーション矢印が表示されます。これにより、画像をクリックして前または次の画像に移動できます。ユーザーが画像をクリックすると、ユーザーが画像にタグを付けることができるように、タグ付け機能を実装しようとしています。このため、ユーザーが「Tag Image」という画像のボタンをクリックしたときに、既に開いている fancybox で「arrows」を false に設定したいと考えています。jqueryを使用してこれを行うにはどうすればよいですか? });