0

我想更改 impress.js 中的幻灯片顺序。但我无法通过添加一个 Is there a way to do this 来做到这一点？

我的代码如下所示

<!--slide 1-->
<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
    <span class="try">How to perform</span> <br/>
    <h1>A Soft Handover</h1>
    <span class="footnote">in Mobile Networks</span>
</div>

<!--slide 2-->
<div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
    <h2 style="font-size:72px">What is a soft handover?</h2>
    <p style="font-size:40px;text-align:justify">When a mobile station moves from one base station's coverage to another's during an existing call, the base stations transfer services between each other to keep the call alive. 
    </p>
</div>

<!--slide 3-->
<div id="its" class="step" data-x="-3500" data-y="4000" data-rotate="180" data-scale="6">
    <h2 style="font-size:72px">What is a?</h2>
    <p style="font-size:40px;text-align:justify">When a mobile station moves from one base station's coverage to another's during an existing call, the base stations transfer services between each other to keep the call alive. 
    </p>
</div>

提前致谢。

4

1 回答 1

1

impress.js 幻灯片按您的“步骤”div 在 html 中出现的顺序排列。因此，您只需将它们移动到您的 html 文件中即可重新排序。

这个初始顺序允许您执行 impress().goto(index) ，其中第一张幻灯片的索引为 0，第二张幻灯片的索引为 1，依此类推。

如果您想动态更改您的 javascript 访问这些幻灯片的顺序，如果您使用 javascript 文件来控制幻灯片之间的转换，您可以调用 impress().goto(index) 以获得所需的索引。

编辑：我意识到这个问题已经快一年了，但是对于使用 impress.js 的其他人，您可能会发现此链接很有用 https://gist.github.com/lavallee/2340157

于 2014-10-20T14:15:10.677 回答