無法獲得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

回答

相關問題