CoverFlow Beispiel

Tutorials von Thomas Frei-Herrmann

CoverFlow Beispielseite zum Einbau in NetObjects Fusion

von http://www.flashxml.net/cover-flow.html

Ihr seht hier die originalen Beispiel-Bilder von CoverFlow. Wenn Ihr die Animation stoppt, könnt Ihr bei 2 Bildern auch ein Video abspielen.


Ich habe hier lediglich mal diese Beispielseite erstellt und verzichte auf ein ausführliches Tutorial.

Ihr müsst Euch die Skripte von CoverFlow oben am Link downloaden und die ZIP-Datei entpacken. Kopiert dann sämtliche Ordner und Dateien in das Verzeichnis, in dem sich Eure Seite befindet, auf der Ihr CoverFlow einbauen wollt. Lokal und auf dem Server.

Zum Testen kopiert Ihr Euch lediglich das Skript unten aus der Beispiel “index.html” in den HTML-Code Editor eine Textfeldes.

<div id="DivCoverFlowFX"></div>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
   var flashvars = {};
   var params = {};
   params.base = "";
   params.scale = "noscale";
   params.salign = "tl";
   params.wmode = "transparent";
   params.allowFullScreen = "true";
   params.allowScriptAccess = "always";
   swfobject.embedSWF("CoverFlowFX.swf", "DivCoverFlowFX", "890", "320", "9.0.0", false, flashvars, params);
</script>

Später müsst Ihr dann Eure eigenen Bilder in den Ordner “images” kopieren und die Dateinamen der Bilder in der Datei “images.xml” eintragen. In der Datei “settings.xml” könnt Ihr sämtliche Einstellungen für die Konfigurationen von CoverFlow vornehmen.

Ich habe die XML-Dateien hier bereits leicht modifiziert, wie z.B. die Hintergrundfarbe, Breite und Geschwindigkeit der Animation.

 

Viel Erfolg!

diese Seite weiter empfehlen



Counter Statistik