野生动物园没有在视口外加载图像
Posted
技术标签:
【中文标题】野生动物园没有在视口外加载图像【英文标题】：safari not loading images outside viewport 【发布时间】：2013-12-19 23:16:04 【问题描述】：更新：桌面版 Safari 也存在问题（不仅是移动版 Safari）
FIRST：有类似的问题，但似乎没有一个涵盖此错误/问题/功能/whatever-apple-calls-it
问题：我有一个带有全屏图像的图库。因此，一次只能看到一张图像。 当第二个视图被触发（导航或滑动）时，我希望显示下一个图像。这在所有桌面浏览器（IE8+、chrome、firefox..等）中都能完美运行
但是：在 iPhone 上，视口之外的图像（屏幕外）没有加载，并且在视图处于活动状态时也不会加载：
示例：http://test.fatih-sahanoglu.de/content/biography
测试：在桌面浏览器中（最好在 chrome 中），然后在 ios 上（在 iOS 7 模拟器和真 iPhone 上测试）
有趣：我第一次在 IE8 上找到了一些东西，但在 iOS 上却没有（即使我不支持 IE7 也能正确处理它。）
顺便说一句：
为图库使用 hammer.js 查看有position: fixed
在这里工作：http://test.fatih-sahanoglu.de/news（不是轮播）
屏幕截图：
【问题讨论】：
【参考方案1】：好的.. 以某种方式解决了这个问题。
好像 Safari 不喜欢我用的background-image: url(foobar.jpg)
我使用background: url(foobar.jpg)
我也需要通过 javascript 应用 background-size: cover 以使其在所有浏览器中都能正常工作（奇怪。。一旦我将 javascript 更改为 background: url(foobar.jpg) 时，属性不知何故被某些幽灵覆盖了。。幽灵 = 我可以用网络检查器找不到）
现在它似乎可以在 Safari 中使用
也许有人可以使用它
顺便说一句：由于 Drupal 应用图像的方式，我需要这样做（JavaScript）（我真的不想为这个功能编写一个模块）
【讨论】：
以上是关于野生动物园没有在视口外加载图像的主要内容，如果未能解决你的问题，请参考以下文章