HTML5プレゼンテーション - スライド間にフェードトランジションを追加する

Question

私はHTML5でプレゼンテーションを作成するための学校の割り当てを受けており、この割り当てで役立つテンプレートが見つかりました。その完全ではない、下の作業テンプレートです、私はこのプレゼンテーションにスライド間のフェードトランジションを追加したいと思います。私は、フェードトランジションを追加するためのJavaScriptを理解できません。ここに作業プレゼンテーションへのリンクがあり、私はいくつかの助けを得ることを望んでいます。

http://perlaparra.com/uopx/sandbox/987153624/#intro

Answer 1

あなたが持っているコードを投稿することができますか？あなたはこのようにjQueryのエフェクトを使用して試みることができる：

<div id="clickme"> 
Click here 
</div> 
    <img id="book" src="book.png" alt="" width="100" height="123"> 

    // With the element initially hidden, we can show it slowly: 
    $("#clickme").click(function() { 
    $("#book").fadeIn("slow", function() { 
    // Animation complete 
    }); 
}); 

Answer 2

をあなたのリンクによると、あなたはあなたがちょうどあなたのCSSにこれらの2行を追加しCSS3 を使用して、それを扱うことができる JSフェージングのライブラリを使用する必要はありません

.slide { 
    opacity: 0; 
    transition: all 0.5s ease; 
}