HTML5-Präsentation - Fade-Übergang zwischen Folien einfügen

Question

Ich habe eine Schulaufgabe, um eine Präsentation in HTML5 zu erstellen und eine Vorlage zu finden, die diese Aufgabe unterstützt. Es ist nicht vollständig, unten ist die Arbeitsvorlage, ich möchte einen Überblendungsübergang zwischen Folien zu dieser Präsentation hinzufügen, und ich kann das Javascript nicht herausfinden, um den Überblendungsübergang hinzuzufügen. Hier ist der Link zur Arbeitspräsentation und ich hoffe auf Hilfe.

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

Answer 1

Können Sie den Code schreiben Sie? Sie könnten mit JQuery Effekte wie diese versuchen:

<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

nach Ihren Link, den Sie müssen nicht JS Verblassen Bibliotheken verwenden Sie es CSS3 mit umgehen kann einfach diese zwei Zeilen in CSS hinzufügen

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