2

どういうわけか、最も単純な impress.js スライドでさえうまくいきません:( http://dl.dropbox.com/u/655237/events/GTG.zip … , 常にあなたの例を使用する必要があります.

<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">impress().init();</script>
        <script type="text/javascript" src="js/impress.js"></script>
    </body>
</html>

そして、私は js ディレクトリの下に impress.js ファイルを持っています。それでも、最新のブラウザではスライドが表示されません。firefox16を使用しています。 ここに画像の説明を入力

4

1 に答える 1

5

ライブラリをロードする前に impress を呼び出しています。スクリプト タグの順序を変更してみてください。

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

または、準備が整ったハンドラー関数を使用して、window.onloadまたは jquery のようなページ スクリプトを初期化しますready()。詳細については、この質問を参照してください。

また、インプレスの例を見ると、最も単純なケースでは、プレゼンテーションの各ステップは#impress、クラス名が の要素内の要素である必要がありstepます。

于 2012-10-31T05:33:54.670 に答える