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>

图像幻灯片在大多数浏览器中都能正确显示，除了三星的 Android默认浏览器（移动 Google Chrome 工作正常）。我们对以下设备进行了交叉检查：

显示错误 1：

  • 三星 Galaxy Note 1 (Android OS 4.0.4)
  • 三星 Galaxy Note 2 (Android OS 4.1.2)
  • 三星 Galaxy S2 (Android OS 4.0.4)

显示错误 2：

  • 苹果 iPad 2 (iOS 4.3.5)

显示正常：

  • LG 擎天柱 3D (Android OS 2.2)
  • 苹果 iPhone 4 ( iOS 6.1.3 )
  • 苹果 iPhone 5 ( iOS 6.1.4 )
  • 索尼 Xperia Z 平板电脑（安卓操作系统 4.1）
  • 三星 Galaxy S3（@DeveloperCoder 提供的信息）

对于显示错误 1，无法显示第 3 和第 4 张图像（可能是由于滑动时按需加载未触发）。

对于显示错误 2，动画滞后。（本题关注显示错误1）

有什么解决方法吗？

这是GitHub中错误报告的交叉链接。

Fotorama 4作者给出的提示：在URL后面添加#quirks暂时解决了问题。

4

0 回答 0