无法获得impress.js工作

我试图从impress.js开始创建一些HTML/CSS3演示文稿。
不幸的是我连最简单的例子都无法工作。无法获得impress.js工作

<html lang="en"> 
<head> 
    <title>Impress Demo</title> 
</head> 
<body> 
    <div id="impress"> 
     <div id="start"> 
      <p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p> 
      <p>Impress.js</p> 
     </div> 

     <div id="slide2" data-x="-1200" data-y="0"> 
      <p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p> 
      <p>Impress.js</p> 
     </div> 
    </div> 

    <script type="text/javascript" src="../js/impress.js"></script> 
    <script type="text/javascript">impress().init();</script> 
</body>

Howver，在Firefox（也测试了Chrome浏览器）我得到了开发者控制台以下错误：

Empty string passed to getElementById() @ impress.js:90

任何想法？

来源

2013-05-15 Matthias

您想要成为div#impress中某一步的每个div都应该有一个class="step"添加到它。

此代码应工作

<div id="impress"> 
    <div class="step" id="start"> 
     <p style='width:1000px;font-size:80px;text-align:center'>Creating Stunning Visualizations</p> 
     <p>Impress.js</p> 
    </div> 

    <div class="step" id="slide2" data-x="-1200" data-y="0"> 
     <p style='width:1000px;font-size:80px;'>First Slide Moves From Left To Right</p> 
     <p>Impress.js</p> 
    </div> 
</div>

来源

2013-05-18 12:28:26 Sourabh

这是它，谢谢！ – Matthias

值得一提的是，您可以使用[impress-console]（https://github.com/regebro/impress-console）为您的演示文稿创建备注。为了给给定的幻灯片创建音符，音符应该放在一个带有'class =“notes”'的div中，该div位于div中'class =“step”'。要打开笔记控制台，只需按下P键。 – dgoverde

回答

相关问题