1

Spry Tabbed Panel の 2 つのパネル内にサムネイル スライダーを備えた 2 つの Flexslider があります。ページの読み込み時に、スライダーとサムネイルのペアが Safari で奇妙に見えます。画像は巨大で、メイン スライダーで切り取られています。サムネイルでは、画像も巨大で、トリミングされており、互いに重ねられています。ただし、ブラウザ ウィンドウのサイズを変更すると、すぐに正しい形状とサイズになります。Chrome、Firefox、Opera、および IE では、スライダーとサムネイルのペアは 2 本の白い線のように見えますが、ブラウザー ウィンドウのサイズを変更すると、魔法のように正しい形で表示されます。どうすればこれを修正できますか?

Web ページへのリンクは次のとおりです。http://jmoon.net/Projects/PhoenixRising/PhoenixRising_P1.html

スライダーとサムネイルのペアは、最初の 2 つのパネル、"Commonwealth & Council" と "Transmission Gallery" にあります。

ありがとうございました！

4

3 に答える 3

2

この問題が発生しました。これは、ページの読み込み時にギャラリーが非表示になっているため、プラグインがコンテナーの幅と高さを読み取って適切にレンダリングできないためです。ページの読み込み時にプラグインを初期化する代わりに、ユーザーがタブをクリックしたときにプラグインを初期化します。タブ ウィンドウにアニメーションがある場合は、アニメーションの完了後に flexslider を初期化してください。

于 2013-06-17T15:30:53.637 に答える