3

Fotorama 4を使用してページを作成しました。コードは次のとおりです。

<div class="fotorama" data-fit="contain" data-height="97%" data-width="100%" data-ratio="600/923">
  <img src="images/img1.png" data-caption="Caption 1">
  <img src="images/img2.png" data-caption="Caption 2">
  <img src="images/img3.png" data-caption="Caption 3">
  <img src="images/img4.png" data-caption="Caption 3">
</div>

画像のスライドショーは、Samsung の Androidデフォルト ブラウザ(モバイル Google Chrome は問題なく動作します) を除いて、ほとんどのブラウザで正しく表示されます。次のデバイスでクロスチェックしました。

表示エラー 1:

  • サムスン ギャラクシー ノート 1 (アンドロイド OS 4.0.4)
  • サムスン ギャラクシー ノート 2 (アンドロイド OS 4.1.2)
  • サムスンギャラクシー S2 (アンドロイド OS 4.0.4)

表示エラー 2:

  • Apple iPad 2 ( iOS 4.3.5 )

表示OK:

  • LG オプティマス 3D (Android OS 2.2)
  • Apple iPhone 4 (iOS 6.1.3)
  • Apple iPhone 5 (iOS 6.1.4)
  • ソニー Xperia Z タブレット (Android OS 4.1)
  • Samsung Galaxy S3 (@DeveloperCoder から提供された情報)

表示エラー 1 の場合、3 番目と 4 番目の画像が表示されません (おそらく、スワイプ時にロード オン デマンドがトリガーされないため)。

表示エラー 2 では、アニメーションが遅延しています。(この質問は表示エラー 1 に焦点を当てています)

回避策はありますか?

GitHub のバグ レポートのクロス リンクは次のとおりです。

Fotorama 4 の作者からのヒント: URL の後ろに追加する#quirksと、一時的に問題が解決しました。

4

0 に答える 0