0

iFrame 内の html ページをギャラリーとして読み込む素晴らしい FancyBox2 実装があります。

ただし、iframe に読み込んでいるコンテンツには、ユーザーがすべてのギャラリー アイテムをスライドできる通常の前後のナビゲーションを使用すると、「ブロック」される外部 Web サイトへのリンクが含まれます。

ユーザーにコンテンツ リンクを表示できるように、前後のリンク オーバーレイのサイズを変更して左右の余白に収まるようにするにはどうすればよいですか?

また

別の方法として、ボタン ナビゲーション バーをページの上部ではなく、FancyBox の上部に相対的に配置する方法がある場合があります。この場合、内部の前/次のリンクと矢印を無効にします。

4

1 に答える 1

0

編集:前/次のオーバーレイのサイズを変更する場合は、fancybox CSS ファイルをロードした後に、この CSS インライン宣言を追加します。

<style type="text/css">
.fancybox-nav {
  top: 50%;
  height: 34px;
  width: 36px;
 }
.fancybox-nav span {
  visibility: visible;
 }
.fancybox-next span {
  left: auto;
  right: 0px;
 }
.fancybox-prev span {
  left: 0px;
 }
</style>

矢印を永続的に表示する必要があることに注意してください。そうしないと、訪問者はどこにホバーすればよいかわかりません。

注：これはfancybox v2.0.6+用です

一方、 FancyBox の上部に関連するボタン ナビゲーション バーを設定することはできませposition:fixedんbody。

ただし、fancybox-buttons js ファイル (行 69+/-) を編集して、.fancybox-skin代わりにセレクターに追加し、 #fancybox-buttonscss を使用してセレクターの位置を操作してみてください。

于 2012-07-16T20:33:18.360 に答える