Question

使用impress.js

我正在尝试使用impress.js来实现像幻灯片转换一样的Reveal.js。基本效果确实来了，但我觉得，幻灯片正在采取“更宽”的转变，使其看起来更慢。

注意：在小提琴中，最大化输出部分以更清楚地看到所述问题

我不知道怎么说，但如果你看到http://lab.hakim.se/reveal-js/#/fragments和 http://jsfiddle.net/8ukwex3x/1/，您将能够找出差异。

<div id = "impress">
    <div class = "step">
        Slide 1
    </div>
    <div class = "step" data-x = "500" data-z="-400" 
    data-rotate-y="90">
        Slide 2
    </div>  
</div>

我应该怎样做才能让它像Reveal.js一样过渡。

Answer 1

不幸的是，你的小提琴完全没有JavaScript（我假设你只打算放置标准的impress.js代码），无论如何，只是从源代码中读取我不知道你的例子是怎样的以任何类似于reveal-js示例的方式。所以，冒着我可能完全离开这里的风险，我有一件事可能会有所帮助......

reveal.js过渡确实非常漂亮和快速。您是否知道可以在impress.js中设置转换的持续时间？该属性是data-transition-duration：

<div id="impress" data-transition-duration="1000">

A demo slide show that uses it here.

默认值为1000毫秒。大约400-600毫秒的值应该为您提供在速度方面的reveal.js体验。

PS：请注意，在上面链接所在的impress.js repo中，您还可以为每个单独的步骤/幻灯片设置持续时间。对于上游impress.js，所有幻灯片具有相同的持续时间，在根div元素中设置。

显示像ImpressJs中的旋转

1 个答案: