smview.xslt Sitemap-Bilderschau für Mobilgeräte 2014-11-18 Herbert Schiemann h.schiemann@herbaer.de Das erzeugte XHTML-Dokument enthält eine Reihe von Knöpfen, ein Feld, in dem ein Bild angezeigt wird, und ein iframe-Element, in dem die Hilfe zu dieser Darstellung angezeigt wird. Es ist immer nur entweder das Bild oder die Hilfe sichtbar. Die eingebettete Hilfe hängt von der angeforderten Sprache ab. Das erzeugte Dokument nutzt die folgenden ID-Werte: b_left Der Knopf "links" zur Anzeige des vorigen Bildes. b_right Der Knopf "rechts" zur Anzeige des nächsten Bildes. b_pause Der Knopf "Pause" hält den automatischen Bildlauf an. b_stop Der Knopf "Stop" beendet den automatischen Bildlauf. Wenn der Bildlauf neu gestartet wird, werden die Bilder neu gemischt. b_play Der Knopf "Play" startet den Bildlauf oder setzt den Bildlauf fort. b_story Der Knopf "Story" zeigt die Bildergeschichte in Smartfon-Ansicht an. b_help Der Knopf "Hilfe" zeigt die Hilfe zu dieser Darstellung an. div_img Der Abschnitt, der das Bild enthält. img Das img-Element iframe Das iframe-Element, in dem die Hilfe zu dieser Darstellung angezeigt wird. Es nutzt die folgenden Wörter in den Werten des Attributs class: hidden Das Wort hidden bedeutet, dass das Element nicht angezeigt werden soll. Stets ist entweder das div-Element mit der ID div_img, das das Bild enthält, oder das iframe-Element mit der ID iframe, das die Hilfe enthält, verborgen. Die Umschaltung erfolgt durch Javascript smview.js. outline Dieses Wort zeigt an, dass das Element hervorgeheben werden soll. Die Javascript-Datei zur Hilfe (smview_help.js) setzt dieses Wort ein. Präfix des Pfades von JavaScript- und CSS-Dateien, nicht zur Hilfe HTML-Rahmen stylesheet icon var imgs = [ ]; onload = function () { initialize (); };
Bild
iframe hidden style/imgview_help.xhtml
Zu jedem Bild wird ein Array-Eintrag mit zwei Komponenten angelegt: die erste Komponente ist der Bildpfad, die zweite der Bildtitel.