freezeframe.js 与砌体答案

【问题标题】：freezeframe.js with masonryfreezeframe.js 与砌体
【发布时间】：2014-04-09 16:01:51
【问题描述】：

我在这个网站上工作

该站点使用砌体脚本，我找到了 freezeframe.js

它会暂停我的 GIFS 直到悬停，这很好，但它不适用于 Masonry。如果我关闭砖石，它会完美工作，但我需要保持砖石布局。使用砌体脚本，所有 GIFS 都会消失，直到悬停。任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

您尚未为图像分配或添加 freezeframe 类。

对于每个图像，您需要在图像的类中添加冻结帧，或者您可以分配特定的类。

<img class="freezeframe" src="whatever.gif" />

还注意到你有无限滚动。如果你真的想用它做点什么，你必须使用它的例子让它以无限滚动运行

$('#main').infinitescroll({
  class_name: "freezeframe"
},function(elements){
  freezeframe.run();
});

由于您的所有图像都使用“alignnone”作为类名，您可以尝试使用它而不是上面示例中的 freezeframe 作为类名。

【讨论】：

谢谢罗伯特。当我的客户查看页面时，我实际上不得不取消 freezeframe 类，但是在应用 freezeframe 类时它不起作用。在特定页面上也没有使用无限滚动。我正在考虑使用 jpg 替换 img 并将其与 javascript 交换。我认为这也会减少加载时间。非常感谢您抽出时间来看看。