Slideshow1 - Einfachere Lösung
Einfache Slideshow-Lösung...
Der grosse Vorteil dieses Skripts liegt darin, dass die darzustellenden Bilder (nur jpg-Dateien) vorgängig nich fix angegeben werden müssen, sondern alle Bilder unabhängig ihrer Anzahl, die sich im jeweiligen Pfad „images“ befinden, nacheinander angezeigt werden.
Ausserdem kann man die Hintergrundfarbe (Vorgabe: Schwarz), die Anzeigedauer (Vorgabe: 3 Sek.) sowie die Rahmenbreite ums Bild (Vorgabe: 20 px) den individuellen Vorstellungen anpassen, indem man in der Datei „parameter.txt“ die entsprechenden Werte ändert.
Falls man Bilder unterschiedlicher Höhe und Breite in der gleichen Slideshow verwendet, - was meines Erachtens dem Auge bzw. dem Betrachter nicht zugemutet werden sollte, so passt sich die Darstellung automatisch den Maximalwerten an.
Bemerkung:
Für die Anzeige folgender Beispielbilder des Original-Scrips habe ich die Hintergrundfarbe und die Rahmenbreite an meine Bedürfnisse angepasst.
Laden Sie sich den Flash Player um diese Slideshow anzuschauen.
mehr
Einbinden des Scripts in die Webseite
Zuerst muss man sich von hier das kosten- und werbefreie Script („slide_show.zip“) besorgen. Die zip-Datei entpacken. Man erhält einen Ordner „slide_show“ mit den Script-Dateien sowie den Unterordner „images“ mit Beispielbildern.
Bemerkung:
Die Dateien „.DS_store“ habe ich jeweils gelöscht, da ich nicht weiss, wofür die gut sind. Das Script funktioniert trotzdem.
Code vorbereiten
Weil man das Script vielleicht öfters verwenden möchte, bietet es sich an, eine html- oder txt-Datei mit folgendem Inhalt anzulegen:
<html>
<head>
<script type=„text/javascript“ src=„slide_show/slide_show.js“></script>
</head>
<body>
<center>
<div id=„slideShow“>
<script type=„text/javascript“>
var so=new SWFObject(„slide_show/slide_show.swf“,“flashMovie“,“350“,“350“,“7“,“#ffffff“);
so.write(„slideShow“);
</script>
<noscript>
<p>You must enable Javascript to view this content.</p>
</noscript>
</div>
</center>
</body>
</html>
Beachte:
Die <center>-Tags wurden von mir nachträglich eingegeben, damit die Slideshow jeweils zentriert dargestellt wird.
An der Stelle im W2D-Projekt, an der die Slideshow eingefügt werden soll, gibt man einen neuen Absatz vom Typ „HTML-Element“ ein.
Hier kann man oben dargestellten Code entweder per copy/paste-Befehl selbst eingeben, oder die eigens dafür angelegte html- bzw. txt-Datei importieren.
Und es geht noch elganter:
Durch den Befehl „<cc:include src=„modul_slide_show.ccml“>“ können Sie an irgendeiner Stelle im Projekt oder beispielsweise in der „navigation.ccml“ das Script einbinden.
Das Modul, welches Sie in den jeweiligen Designordner kopieren müssen, finden Sie hier (Rechtsklick, Ziel speichern unter...).
Script- und Bilder per FTP-Programm hochladen
Lässt man jetzt die Webseite generieren und lädt sie dann auf seine Webseite hoch, passiert noch gar nichts.
Zuerst muss man nämlich mittels FTP-Programm den gesamten Pfad „slide_show“ auf die Webseite als Unterordner an die korrekte Stelle hochladen.
Zur Erklärung:
Ich baue die Slideshow in einem W2D-Projekt in der Hauptseite „Bilder“ ein. Die generierte Seite beschreibt im Web den Pfad „www.meine-domain.ch/bilder“.
Damit die Slidshow funktioniert, müssen sich die Dateien im Pfad „www.meine-domain.ch/bilder/slide_show“ und die Bilder im Pfad „www.meine-domain.ch/bilder/slide_show/images“ befinden.
Viel Spass beim Tüfteln!
schliessen