javascript - Can't get impress.js working -
i tried start impress.js create html/css3 presentations.
unfortunately cannot simplest example working.
<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 left 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, in firefox (tested in chrome) following error in dev console:
empty string passed getelementbyid() @ impress.js:90 any ideas?
every div want step in div#impress should have class="step" added it.
this code should work
<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 left right</p> <p>impress.js</p> </div> </div>
Comments
Post a Comment