点击外部html按钮播放边缘动画

Question

当浏览器加载页面时，我的adobe边缘动画正在播放。我想只在访问者点击我的html页面上的按钮（id =“trigger”）时播放动画。我确切地说我不希望按钮成为我的舞台/动画的一部分。

我阅读的回复中提到了我的动画中没有的文件，所以这里是我的文件：

edge.6.0.0.min.js和“namestage”_edge.js

谢谢！

Answer 1

假设您正在使用Jquery运行，只需将adobe边缘动画中的片段放入点击功能中，如下所示。

jQuery('#ID OF YOUR BUTTON').click(function () {
  AdobeEdge.loadComposition('animation', 'EDGE-XXXXXX', {
    scaleToFit: "width",
    centerStage: "horizontal",
    minW: "0px",
    maxW: "undefined",
    width: "XXXXpx",
    height: "XXXpx"
  }, {
  dom: []
  }, {
  dom: []
  });

}