2

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>

ただし、Firefox (Chrome でもテスト済み) では、開発コンソールに次のエラーが表示されます。

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

何か案は？

4

1 に答える 1