2012-12-03 39 views
5

我正在处理呈现照片墙的网页,并且向下滚动时,它使用jQuery无限滚动来加载下一批照片。IE中使用jQuery Masonry时随机丢失的图像

我正在使用jQuery Masonry以及jQuery InfiniteScroll

所有在Chrome和Firefox下工作正常,但在IE浏览器下查看时,我注意到图片会随机显示,但如果我刷新页面,它们会出现,但其他人会丢失。同样,如果我在丢失的图像上单击鼠标右键并选择“显示图片”,它会立即出现。

因此,我测试了jQuery Masonry website上的几个演示,并发现再次,虽然在IE下,偶尔,随机图像不会呈现。这种情况发生在Infinite Scroll demo上,有时甚至是Images demo(不使用无限滚动)。

有没有其他人遇到过这种情况,或者知道解决方案?就目前情况而言,我不能继续使用我目前的项目,因为它在IE下基本上不可用。

顺便说一句 - 我正在使用IE9。

+0

OMG ......我对你的感觉。 –

+0

当图像加载失败时,您的控制台和网络选项卡会显示什么内容? – Sampson

+0

对于那些无法加载的图像,没有图像类型,网络选项卡显示“中止”作为结果,而成功加载的图像类型为图像/ jpeg,响应时间为304。 – marcusstarnes

回答

0

从做一些进一步的调查(试验&错误),我确定问题似乎只在使用砌体时才会发生。

所以现在我已经切换到jQuery Wookmark,它为我打勾了所有的框,并且这展示了没有相同的问题。

0

图像未加载是砌体使用的imagesLoaded脚本的版本2中的已知问题。如果您更新代码以使用imagesLoaded的最新版本3脚本,那么这将修复IE图像加载问题。

注意,你需要明确直接,因为imagesloaded早期版本中的砖石js文件后,装载imagesloaded.js文件被列入砌体,但现在已经在版本3

分离通过包括最新imagesloaded .js文件中,您可以保留现有的砌体版本,因为砌体版本3的某些选项和事件已更改,您可能会发现它不再按预期工作。

下载最新版本在这里:http://desandro.github.io/imagesloaded/