Question

我想在impress.js中更改我的幻灯片顺序。但我只是添加一个，我无法做到有没有办法做到这一点？

我的代码如下所示

<!--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>

提前致谢。

Answer 1

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

这个初始顺序允许你做impress（）。goto（index），其中第一张幻灯片的索引为0，第二张幻灯片为1，依此类推。

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

编辑我意识到这个问题差不多有一年了，但是对于其他使用impress.js的人来说，你会发现这个链接很有用 https://gist.github.com/lavallee/2340157

如何在印象中改变幻灯片顺序

1 个答案: