WEBDAUM DiaShowGenerator für IE5.0+/IE5.5+, Opera7+ und NS6 - Version: 1.3.1 ******************************************************************************** Author: Michael Daum Company: webdaum webdesign Web Site: www.webdaum.de Email: daum@kuenstlerhaus.net © 2005 Michael Daum ******************************************************************************** A N L E I T U N G U N D H I L F E BEVOR SIE ANFANGEN!!!!!!!!!!!!!!: Der Diagenerator ist kein "normales" Programm, sondern ein Tool, das ihrem Webbrowser auffsitzt. Doch Webbrowser können aus Sicherheitsgründen nicht automatisch Verzeichnisse durchforsten und - ausser den Cookies - keine Dateien auf die Festplatte schreiben. ENTPACKEN SIE DARUM ZUERST DIE ZIP-DATEI wddSG1_*.zip NACH DEM VERZEICHNIS, INDEM DIE HTML-DATEI FÜR DIE DIASHOW ERSTELLT WERDEN SOLL - meist also das Verzeichnis, das die Bilder enthält, die sie verwenden wollen! Wenn sie schon woanders angefangen haben, dann holen sie sich die Bilder in das Verzeichnis, indem sie gerade arbeiten! Der DiashowGenerator verhilft ihnen dann zu einer Diashow, die sie trotz der Sicherheitseinschränkungen ihres Browsers durch Kopieren über die Zwischenablage dauerhaft auf der Festplatte ihres Rechners speichern, per Email versenden, oder im WWW veröffentlichen können. Er erfordert keine großen Programmierkenntnisse, ist (relativ!) leicht zu bedienen und verhilft jedem in nur zehn Minuten zur eigenen Bilderschau. Man sollte allerdings ein wenig über das Referenzieren in HTML mit gültigen Pfadangaben Bescheid wisssen. (Hier der Link zum Nachschlagen:) http://selfhtml.teamone.de/html/allgemein/referenzieren.htm von Stefan Münz NEUERUNGEN Neu in Version 1.3.1 vom 15.Dezember 2005: Diashow jetzt mit "vor,zurück und stop-Tasten" ******************************************************************************** Auf Anregung von Matthias Petzinger habe ich Tasten zum Vor- und Zurückblättern der Bilder und zum Anhalten der Diashow eingefügt. Der JavaScript-Code des "Blending Image Slide Show Script" von Dynamic Drive musste im Zuge dieser neuen Funktionen geringfügig geändert werden. Wer auf die Blätter-Funktion lieber verzichten möchte, weil er sich an den Buttons stört kann ja weiterhin auf die Vorgängerversion zurückgreifen. Neu in Version 1.3 vom 24.Februar 2005: DiaShow moderne Browser IE5.5+/O7/N6: ******************************************************************************** Durch die Einführung einer Programmleiste mit sämtlichen verfügbaren Befehlen in 6 übersichtlichen Untermenüs wurde die allgemeine Bedienung wesentlich verbessert. Bilder samt Titel können jetzt durch die Befehle im Menü "Bild" nicht nur eingefügt, sonder auch an eine beliebige Position verschoben, dupliziert oder wieder gelöscht werden. Neueingefügte Bilddateien werden (korrekte Pfadangabe vorausgesetzt) schon in der Vorschau angezeigt, ebenso die verwendeten Schmuckrahmen. (Die Rahmenvorauswahl finden sie neuerdings im Menü "Stiloptionen/Farben,Text,Rahmen" Wechsel zu allen bereits eingefügten Bildern über Klick auf die Pfeiltasten < >. Die Farbpalette wurde auf 231 Farbtöne erweitert. Auch unter Opera kann die Diashow mit den Befehlen "Quelltext exportieren" und "Quelltext mit Links exportieren" im Menü "Datei" dauerhaft in einer Textdatei gespeichert werden. Neu in Version 1.2 vom 17.Juli 2004: DiaShow spezial nur IE5+: ******************************************************************************** In Bildvorauswahl kann die Anzahl der Stellen für die automatische Nummerierung jetzt manuell auf maximal 4 Stellen festgelegt werden. Standardeinstellung ist eine Stelle. Auch die Pfadangabe zu den Ordnern Bild- und Linkverzeichnis wird jetzt bei der Eingabe kontrolliert. Bei einem Fund wird der Fehler in einer Meldung angezeigt. Umfangreiche Hilfe zum Programm gleich in der obersten Zeile: Durch Klick auf "Hilfe aufrufen" kann diese Hilfedatei (lies_mich.txt) eingeblendet werden. Auch neu ist der animierte Maus-Cursor. Er verwandelt sich zum Fragezeichen, wenn man mit der Maus über ein Element fährt, zu dem ein Hilfeeintrag vorhanden ist. Durch Drücken des Schalters "Kontextsensitive Hilfe (an/aus)" wird dynamischer Hilfetext eingeblendet und wiederabgeschaltet. Ein Druck auf die Tasten [alt h] und Bestätigung durch die Eingabetaste hat den gleichen Effekt. Neu in Version 1.1 vom 11.Juli 2004: DiaShow spezial nur IE5+: ******************************************************************************** Diashow mit Überblendeffekten läuft jetzt auch unter Opera. Beim Exportieren automatische Suche nach nicht erlaubten Zeichen in den kritischen Feldern: Bilder, Bildtitel, Linkziele. Jeder Fund wird in einem eigenen Meldefenster ausgegeben. VERSIONEN Es gibt zwei Versionen: 1. DiaShow modern für IE5.5+, Opera7 und NS6 2. DiaShow spezial nur IE5+ CREDITS Beide Versionen verwenden das folgende Script: //****************************************************************************** // Blending Image Slide Show Script- // © Dynamic Drive (www.dynamicdrive.com) // For full source code, visit http://www.dynamicdrive.com/ //****************************************************************************** VORGEHENSWEISE 1. Die Zip-Datei wddSG1_*.zip entpacken nach dem Verzeichnis, indem die HTML-Datei für die Diashow erstellt werden soll - meist also das Verzeichnis, das die Bilder enthält, die sie verwenden wollen. 2. Die diaGenerator.html mit dem Browser öffnen. 3. Die Version wählen: - VERSION 1: DiaShow modern für IE5.5+, Opera7 und NS6, oder - VERSION 2: DiaShow spezial nur IE5+, oder - Start drücken (das Programm ermittelt den Browser Typ und leitet zur geeigneten Version weiter) 4. Die Diashow mit dem Programm erstellen. Die Vorgehensweise und das Ergebnis unterscheiden sich etwas, je nach der verwendeten Version. 5. In Version 2 Vorschau aktualisieren nach Änderungen in den Feldern: Hintergrundfarbe, Textfarbe, Linkfarbe, Schriftart, Schriftgröße, Rahmen um Bilder. In Version 1 wird die Aktualisierung automatisch ausgeführt. 6. Diashow mit den Befehlen "Diashow exportieren" und "Diashow mit Links exportieren" im Menü "Datei" in neuem Fenster öffnen ( Version 1 ). Diashow exportieren durch Druck auf farbige Taste( Version 2 ). Die Diashow wird in neuem Fenster geöffnet. 7. Bei Nichtgefallen ins alte Fenster wechseln, Änderungen durchführen, Schritt 6 (farbige Taste drücken, bzw. Datei/Diashow exportieren) und 7 wiederholen, bis man mit dem Ergebnis zufrieden ist. 8. Durch Klick auf die Vor- und Zurück-Knöpfe des Browsers im Diashowfensters hat man jederzeit Zugriff auf alle pro Sitzung erzeugten Versionen seiner Diashow. 9. Zum Abschluss die bestgelungene Version, oder auch mehrere Versionen, speichern ins Verzeichnis, indem sich der Diagenerator befindet, als: "Webseite nur HTML (*.htm,*.html)" unter IE5+, oder mit "save Page As" als Wunschtitel.html unter Netscape. SPEICHERN IN VERSION 1 UNTER OPERA: Diashow mit den Befehlen "Quelltext exportieren" und "Quelltext mit Links exportieren" im Menü "Datei" in neuem Fenster als Quelltext öffnen. Auf "Alles markieren" klicken, Kopieren [Strg C], mit [Strg V] in leeres Textdokument einfügen und dauerhaft in einer Textdatei mit Dateiendung .html speichern. 10. Die nicht mehr benötigten Dateien wieder aus dem Verzeichnis löschen. VERZEICHNISSWAHL In Version 1 finden sie diese Einstellmöglichkeiten im Menü "Bearbeiten/Globale Einstellungen". In "Bildverzeichnis:" den korrekten Pfad zu dem Ordner angeben, indem sich die Bilder befinden. In "Linkverzeichnis:" den korrekten Pfad zu dem Ordner angeben, indem sich die verlinkten Dateien befinden. Tipp 1: Kopieren sie die Bilder ins Verzeichnis "src" und belassen Sie diese Einstellung. Tipp 2: Löschen Sie den Eintrag, wenn die Bilder im selben Verzeichnis sind, wie die Diashow. Tipp 3: Befinden sich die Dateien in verschiedenen Ordnern, dieses Feld auch löschen. Dann muss in "Bilder:" oder "Linkziele:" für jede Datei zusätzlich zum Dateinamen der Pfad zum Verzeichnis notiert werden. BILDER HINZUFÜGEN Durch die Taste "Vorauswahl bearbeiten" [alt + p], in Version 1 im Menü "Bearbeiten/Bildvorauswahl bearbeiten", ist das Tool besonders zeitsparend bei der Verwendung von durchnummerierten Bildern aus stapelverarbeitenden Bildprogrammen. Hier Datei-Präfix (= Name)in das erste Feld eingeben, Anzahl der Stellen für die fortlaufende Nummer in Zeichen eingeben und Dateinamenserweiterung* aus Aufklappliste wählen. Um dann die gewünschte Anzahl von Bildern hinzuzufügen, die Taste "Neues Bild" [alt n] mehrmals drücken. In Version 1 finden Sie den Befehl zum Einfügen im Menü "Bild": "Bild hinzufügen". Die fortlaufende Nummerierung wird vom Programm erzeugt. Die Veränderung dieser automatisch erzeugten Namen im Nachhinein und von Hand ist möglich. *) Wenn Sie nicht wissen, welche Endung ihre Bilder haben, weil die Dateinamenserweiterung unter Windows nicht angezeigt wird, gehen Sie so vor : Wählen sie Arbeitsplatz/Ansicht/Ordneroptionen und klicken Sie auf den Karteireiter "Ansicht". Entfernen sie in "Dateien und Ordner" das Häkchen vor "Dateinamenerweiterung bei bekannten Dateitypen ausblenden" TITEL HINZUFÜGEN Im Feld "Bildtitel:"( Version 1), Feld "Titel" (Version 2) die Bildüberschriften eintragen. Auflistung bitte ohne Anführungszeichen! Wenn in den Bildüberschriften Anführungszeichen (") verwendet werden sollen, müssen diese mit einem Backslash (\) maskiert werden, also zum Beispiel: Katze \"Mietzi\" beim Ballspiele Einen Backslash liefert eine deutsche Tastatur mit [Alt Gr + ß] LINKS HINZUFÜGEN Fall a) VERSION 1: Es besteht die Möglichkeit der Vorauswahl. Wählen Sie Bearbeiten/Linkziele bearbeiten und treffen Sie eine Auswahl durch ankreuzen im Feld "Links": 1. "Links in neuem Fenster öffnen", das Ankreuzen ist sinnvoll, wenn Sie später die "Diashow mit Links exportieren" wollen. 2. "Vorauswahl auch auf Linkziele anwenden" (Standard). Die Dateinamen im Feld "Bild" werden voreingestellt auch im Feld "Linkziel" verwendet, sind aber weiter einzeln manuell editierbar. Fall b) VERSION 2: Im Feld "Linkziele" die Dateien auflisten. Auflistung bitte ohne Anführungszeichen und ohne Kommas. Es besteht die Möglichkeit der Vorauswahl durch ankreuzen im Feld "Links": 1."Links in neuem Fenster öffnen", und 2."Vorauswahl auch auf Linkziele anwenden". Die Dateinamen im Feld "Bild" werden auch im Feld "Linkziel" verwendet. Achtung: Wenn in "Links" das Feld "Vorauswahl auch auf Linkziele anwenden" angekreuzt ist, werden ihre manuellen Eintragungen in allen Feldern von "Linkziele" überschrieben (großer Unterschied zu Version 1!). FARBSTIL FESTLEGEN Der DiashowGenerator selbst dient bei der Festlegung des Farbstils als Vorschau. In Version 1 finden sie das Bedienfeld hierzu im Menü "Stiloptionen/Farben,Text,Rahmen". Durch einfaches Klicken auf die Farbfelder der Tabelle kann die Hintergrundfarbe der Diashow festgelegt werden. Um die Textfarbe oder Link/Rahmenfarbe festzulegen, muss mit den drei Tasten unten umgeschaltet werden. In den Eingabefeldern links erscheint sodann der Hexadezimalwert der neueingestellten Farbe, z.B.: Hintergrundfarbe: #330000 Textfarbe: #990000 Linkfarbe: #ffffff Die angezeigten Werte können für Farbfeinabstufungen durch Eingabe von Hand noch weiter geändert werden. Die Angaben bedeuten: Die ersten beiden Ziffern : Rotanteil Die zweiten beiden Ziffern : Grünanteil Die dritten beiden Ziffern : Blauanteil Eine Erhöhung des Wertes vergrößert den jeweiligen Farbanteil und die Helligkeit! ANZEIGE AKTUALISIEREN (nur Version 2) Um die Farbanzeige nach manueller Änderung zu aktualisieren, muss in Version 2 die Taste "Farbstil auf Seite:'jetzt anwenden'" gedrückt werden. Das Gleiche gilt für alle Änderungen in den Feldern: -Schriftart -Schriftgröße -Rahmen um Bilder Für den Export der Diashow ist das Drücken dieser Taste jedoch nicht erforderlich. In Version 1 erfolgt die Aktualisierung der Vorschau automatisch. SCHRIFTEN Die voreingestellten Schriften (Verdana, Arial, Arial Black, Comic Sans MS, Comic Sans MS Bold, Courier New, Impact, Trebuchet MS, Georgia, Times, Times New Roman) sind eine Auswahl der meist mitinstallierten Standardschriften auf Internetbrowsern. Das bedeutet jedoch nicht, das alle auf jedem System immer vorhanden sind! Als letzte Alternative wird darum zu jeder Schrift automatisch noch eine Ersatzschrift mitprogrammiert, die verwendet wird, wenn die Schrift nicht gefunden werden sollte. FILTERSTIL FESTLEGEN Man hat die Wahl aus 25 Filtern für Überblend- und Enthülleffekte (leider nur für den IE!). In Version 1 finden sie das Bedienfeld für die Filter unter "Stiloptionen/Filterstil (nurIE!)". Der Überblend-Effekt wird in NS6 und Opera nicht angezeigt, aber die Dias und Bildüberschriften laufen problemlos, nur etwas schneller als im IE. Achtung: Bei der Verwendung der Verhüll-Effeke fehlen die Bilder im NS6 und Opera! Die Diashow beginnt mit dem ersten Bild, und läuft dann endlos weiter. Man kann die Diashow in zwei Versionen exportieren, entweder "Dia mit Links" [alt+l], oder "Nur Dia" [alt+d]