0

私のサイトの 2 つの異なる場所で、fancybox のわずかに異なる実装を使用する必要があります。

1 つは画像のグループを使用し、もう 1 つは単一の画像のみを使用します。

画像グループで必要なスタイリングを実現するために、オーバーレイにスタイリングを追加しましたが、ナビゲーション用のスペースを作成するために白い「フレーム」の下部を埋めるため、単一の画像で追加のスタイリングは必要ありません座る。これは、削除する必要がある単一の画像に空の空白として表示されます。

この空白を削除できるように、単一の画像の画像リンクを介してクラスをオーバーレイに送信する方法はありますか?

<a href="/assets/Uploads/_resampled/croppedimage640480-site.jpg" class="fancybox">
    <img src="/assets/Uploads/_resampled/croppedimage181118-site.jpg" alt="site">
</a>
4

1 に答える 1

5

fancybox v2.x を使用している場合は、このオプションを追加します

beforeShow : function(){
 $(".fancybox-inner").find("img").addClass("newClass");
}

newClassファンシーボックス内の画像（imgタグ）に追加します

念のため、fancybox v1.3.4 を使用している場合は追加します

"onComplete": function(){
 $("#fancybox-content").find("img").addClass("newClass");
}
于 2012-07-06T01:44:02.293 に答える