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

我在这个网站上工作

http://futureclassicsfashion.co.uk/wordpress/collection/season/aw14-moving/

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

http://freezeframe.chrisantonellis.com/documentation/#examples

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

【问题讨论】:

    标签: javascript wordpress animated-gif masonry


    【解决方案1】:

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

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

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

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

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

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

    【讨论】:

    • 谢谢罗伯特。当我的客户查看页面时,我实际上不得不取消 freezeframe 类,但是在应用 freezeframe 类时它不起作用。在特定页面上也没有使用无限滚动。我正在考虑使用 jpg 替换 img 并将其与 javascript 交换。我认为这也会减少加载时间。非常感谢您抽出时间来看看。
    猜你喜欢
    • 2015-05-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-09
    • 2015-03-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多