Flash CC - HTML5 Canvas:幻灯片导航

Flash CC - HTML5 Canvas: Slideshow Navigation

本文关键字：幻灯片 导航 Canvas HTML5 CC Flash      更新时间：2023-09-26

我正在尝试使用 HTML5 Canvas 在 Flash CC 中创建一个简单的 3 图像幻灯片，其中包含下一个和后退按钮。我是javascript的新手，似乎在工作时遇到了问题。

this.stop();
this.next_btn.addEventListener("click", playClickNext.bind(this));
function playClickNext() 
{
    this.gotoAndStop(this.currentFrame + 1);
}

this.back_btn.addEventListener("click", playClickBack.bind(this));
function playClickBack() 
{
    this.gotoAndStop(this.currentFrame - 1);
}

我正在发布它，下一个按钮有效，但有时会转到错误的框架。后退按钮有时有效，有时无效。它最常见的事情也是在单击时返回到随机帧。

感谢您的任何帮助！

我整理了一个快速样本，得到了类似的结果。对我来说，问题是脚本所在的帧会在您转到该帧时触发。这意味着按钮上的侦听器会堆积起来，并多次触发。

理想的解决方案是从 FLA 中提取代码，并进入您的 HTML/JS 应用程序。您可以使用实例名称直接定位时间线。例如，在我的应用程序中，它全部在主时间轴上，因此您可以使用：

exportRoot.next_btn.addEventListener("click", handler);

要在不重新架构的情况下解决它，您还可以确保：

  1. 包含脚本的帧永远不会导航到。您可以将"第一"帧设置为2帧长，并将代码放在第1帧上，将stop()放在第2帧上。然后只要确保你永远不会去和停止 1.您将不得不对上一个和下一个都施加限制，因为您可以在比最大值更高的帧处转到 AndStop，并且它会包裹。
  2. 删除每帧的所有事件侦听器。使用 bind 设置侦听器的方式很难删除，因此我建议只删除所有侦听器。

我在这里上传了一个使用第二种方法的快速示例 [ https://dl.dropboxusercontent.com/u/2224806/Nav.fla ]，主要是因为它很容易修复。抱歉，链接已过期

让我知道这是否解决了您的问题，或者是否与其他问题有关。

相关文章：