Rotierender Würfel

Einen routierenden Würfel, der auf jeder Seite ein anderes Foto zeigt, finden Sie hier.

Auf dieser Seite sind zwei Links: Download Source File, und Download the built 3d Cube (Downloadlink auf der Originalseite broken); Download hier (bitte noch entpacken). Diese beiden Dateien laden Sie herunter und sichern sie im Verzeichnis, in dem auch Ihre 6 Fotos zu finden sind. Sie benötigen für den Würfel in Aktion jedoch nur die Datei "45-picturecube.swf". Die andere Datei ist für Entwickler gedacht. Fotos und Bilder können Sie mit dem kostenfreien Programm IrfanView verkleinern. Die voreingestellten Pixelwerte geben die Werte Ihrer Fotos an: Width (Weite): 450 Pixel, Height (Höhe): 350 Pixel.

Anschließend laden Sie die 7 Dateien (6 Fotos + 45-picturecube.swf) auf Ihren Server in ein entsprechend benanntes Verzeichnis hoch.

Bei Cube Parameters geben Sie nun für jedes Bild (Image) den genauen Speicherort des jeweiligen Bildes und den Namen des Bildes ein. Dazu ändern Sie die voreingestellten Beispiele (http://www.meine-domain.de/wuerfel/bild10.jpg). Erklärung: Auf dem Homepageserver Ihrer Domain "meine-domain" (bitte entsprechend ändern!) befindet sich der Ordner "wuerfel", darin  befindet sich die Bilddatei "bild10.jpg". Als Image 1 soll diese geladen werden. Wenn Sie alle 6 Zeilen entsprechend Ihren Vorgaben ausgefüllt haben, klicken sie den Button preview an. Daraufhin wird nun (sehr komfortabel) der Code erzeugt. Gleichzeitig sehen Sie, wie sich der Würfel ändert und nun Ihre Fotos anzeigt. Ist alles OK, markieren und kopieren Sie den kompletten Code und fügen ihn auf Ihrer CMSimple-Seite dort ein, wo sich der Würfel drehen soll.

Ich habe noch einen Hinweis für Besucher über den Würfel eingefügt (s.o.: Mit der Maus können Sie den Würfel drehen; klicken Sie die Würfelseite an).

Wenn Sie sich im Admin-Modus befinden, sehen Sie dieses:

Vorschau Flsh-Würfel

Sie können dieses gelbe Feld auch anklicken und mit dem entsprechenden Editor-Button zentrieren.

Nach dem Speichern und in der Vorschau sollte alles laufen. Getestet mit CMSimple 4.x

Würfel

 

 

Als Kopiervorlage freigegeben: © 2013, Michael Zajusch

Sie sind hier: Startseite > Multimediale Aktionen > Rotierender Würfel

Wir würden gerne Cookies auf Ihrem Rechner platzieren, um uns zu helfen diese Website zu verbessern. Erfahren sie mehr über diese Cookies in der Datenschutzerklärung.

Suchen