Question

我已经在这里工作了几个小时，试图在一个简单的网页上实现freezeframe.js。

Freezframe.js github： https://github.com/ctrl-freaks/freezeframe.js

我的简单页面：

＆＃13;

<!DOCTYPE html><html><head><meta charset="utf-8">

<link rel="stylesheet" href="http://travisbklein.com/freezeframe.js-master/build/css/freezeframe_styles.min.css">

</head><body><img src="http://travisbklein.com/animatedgif.gif" class="myclass">

<script src="http://travisbklein.com/freezeframe.js-master/src/js/vendor/jquery-2.1.4.js"></script>
<script src="http://travisbklein.com/freezeframe.js-master/build/js/freezeframe.min.js"></script>
<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>


<script>
   var ff = new freezeframe({
  'selector': 'myclass',
  'animation_play_duration': 3000,
  'non_touch_device_trigger_event': 'hover'
})
</script>


</body></html>

＆＃13;

我认为问题是我正在使用的Selector是我在我的html文件中调用图像的类，这是MYCLASS，我认为这可能是错的？

非常感谢您的帮助！

Answer 1

我终于在一些帮助下解决了这个问题。我的脚脚本错了，它需要“。”在班级名称之前。这是我更新的脚本：

> <script type="text/javascript">   $(function() {
>     first = new freezeframe('.mypage-post-image-file').freeze();
> 
>   }) </script>

我的课程是“mypage-post-image-file”

正确实现FreezeFrame.js

1 个答案: