Wie man einen Seitenwindungseffekt erzeugt, wenn die Seite in Iframe geladen wird

Question

Ich muss dem Iframe zum Zeitpunkt des Ladens von dynamischem Inhalt einen Seitenwendeeffekt (wie Buch lesen) hinzufügen. Wie kann ich es erreichen? Bitte hilf mir.

-Link: http://www.turnjs.com/

Answer 1

Wollen Sie:

1) die iframe eine Seite innerhalb des Buches sein?

Oder

2) die iframe ein Buch mit vielen Seiten sein?

Wenn die erste, können Sie wahrscheinlich den iframe in einem DIV (Seite) hinzufügen.

Code abgerufen von http://www.turnjs.com, ich habe gerade das iframe-Beispiel hinzugefügt.

<div id="flipbook"> 
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div> 
    <div> Page 1 Here you can load the iframe <iframe src="..."> </div> 
    <div> Page 2 Here you can load another iframe <iframe src="..."></div> 
    <div> Page 3 </div> 
    <div> Page 4 </div> 
    <div class="hard"></div> 
    <div class="hard"></div> 
</div> 

Wenn der letzte Sie die turn.js innerhalb des iframe laden müssen (Sie müssen in der Lage sein, um den Inhalt des iframe Kontrolle zu bringen.)

Dann muss dies innerhalb des iframe sein:

<div id="flipbook"> 
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div> 
    <div> Page 1, load content with AJAX if dynamic</div> 
    <div> Page 2, load content with AJAX if dynamic </div> 
    <div> Page 3, etc </div> 
    <div> Page 4 </div> 
    <div class="hard"></div> 
    <div class="hard"></div> 
</div> 

Sie können den Inhalt innerhalb der DIVs ("Seiten") mit AJAX/Javascript laden.