1

一連の画像をギャラリー スタイルで表示するために、ポートフォリオサイトで fancyBox (ライセンス付き) を使用しています。

画像の 1 つを開いて、マウスまたは矢印キーを使用してギャラリーをナビゲートすると、次の画像が正しい位置に移動する前に、あるべき場所の約 200 ピクセルの右側に表示されます。この動作はデモ サイトにはありません。実装でなぜそうなっているのかわかりません。

関連するスクリプトは次のとおりです。

$(document).ready(function() {
  $('.thumbnail-display-link').fancybox({
    openEffect  : 'none',
    closeEffect : 'none'
  });
});

スクリプトはコンソールに表示されるエラーをスローしません。この問題のトラブルシューティングをどこから始めればよいかわかりません。どんなアドバイスでも喜んで受け入れます!

4

2 に答える 2

2

この問題の本当の原因は、body 要素の寸法が変更されたことです。削除position: relative;したため、それに対して相対的に配置できなくなりました。代わりに追加のラッピング要素を使用することをお勧めします。

于 2012-05-03T09:00:57.173 に答える
2

position: relative;body タグからスタイルを取り除いてみてください

于 2012-05-03T03:52:14.640 に答える