Benutzer:Rene/Slideshow

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Wechseln zu: Navigation, Suche

^Beschreibung

Die Erweiterung Slideshow erlaubt es eine Diashow zu erzeugen. Die beste Darstellung erhält man dabei wenn die Bilder gleiche Abmessungen bzw. ein gleiches Seitenverhältnis haben. Die Erweiterung ermittelt aus den angegebenen Bildern und der vorgegebenen Breite die benötigte Höhe der Show.

Wird die Maus auf das Bild bewegt erscheint links oben ein Menü. Über die Button Zurück, Play/Pause und Vorwärts kann die Show gesteuert werden. Der Info-Button verweist auf die Bildseite im Wiki und mit der Lupe wird das Bild in einem Dialogfenster in groß angezeigt. Dabei wird entweder die maximale Größe des Bildes angezeigt oder wenn Bild größer als das aktuelle Browserfenster ist, wird das Bild in das Browserfenster eingepasst. Der Dialog kann mit der ESC-Taste geschlossen werden.

Ist Javascript nicht aktiv wird nur das erste Bild der Show angezeigt.

Zur Darstellung wird das jQuery Plugin Cycle benutzt.

Die Slides Erweiterung benötigt MediWiki ab der Version 1.17 da sie den ResourceLoader nutzt.

^Fehler

  • Der Bildname darf kein führendes "Bild:" haben. Kein echter Fehler aber unschön da dies bei gallery benutzt wird.

^Ideen

  • Alternative Darstellung der Bilder mit fester Höhe (vergleichbar gallery).

^Download

^Update

  • Umstellung auf Cycle 2.0

^Syntax

<slideshow PARAMETER>
BILD_NAME|UNTERSCHRIFT
BILD_NAME|UNTERSCHRIFT
...
</slideshow>

Erlaubte Parameter:

  • width : Breite der Slideshow-Box. Ist keine Breite angegeben wird die Vorgabe für Vorschaubilder benutzt.
Beispiel: width="300"
  • nostart : Die Diashow startet nicht automatisch
Beispiel: nostart
  • effect : Art wie die Bilder gewechselt werden. Es werden alle Effekte des jQuery Plugins Cycle angeboten. Die Schreibweise ist genauso wie im Cycle Effects Browser angegeben. Allerdings alles in Kleinschraubung. Auswahl: "fade", "shuffle", "scrollup". Vorgabe: "fade"
Beispiel: effect="growx"
  • float : Ausrichtung der Show. Auswahl: "right" oder "left". Vorgabe: "none"
Beispiel: float="left"
  • button : Angabe welche Button angezeigt werden sollen. Wird der Parameter nicht angegeben werden alle Button angezeigt. Wird der Parameter mit einem Leerstring gesetzt wird kein Button angezeigt. Hinweis: Die Reihenfolge der Button ist immer gleich, egal in welcher Reihenfolge die Werte übergeben. Auswahl: "prev", "play", "next", "info", "show"
Beispiel: button="prev,play,next"
  • textheight : Höhe der Textbox unter dem Bild, Angabe in Pixel. Text der nicht in die Box passt wird abgeschnitten. Wird kein Text angegeben, wird auch keine Box erzeugt.
Beispiel: textheight="24" - Ausreichend für eine Zeile Text
  • timeout : Anzeigedauer eines Bildes in Millisekunden. Vorgabe: 4000
Beispiel: timeout="5000"
  • speed : Dauer der Animation beim Bildwechsel in Millisekunden. Vorgabe: 1000
Beispiel: speed="500"
  • delay : Veränderung der Anzeigedauer des ersten Bildes. Der Wert kann auch negativ sein. Vorgabe: 0
Beispiel: delay="-2000"
  • center : Kleine Bilder werden zentriert angezeigt.
Beispiel: center
  • random : Bilder werden in zufälliger Reihenfolge angezeigt.
Beispiel: random

^Medien

Schnell

Die Bilder können sehr schnell gewechselt werden. Dabei sollte man auf Effekte verzichten (effect="none") und den Parameter speed auf 1 setzen. 

<slideshow width="300" speed="1" timeout="100" effect="none" float="right" button="">
SGA_2x06_Arcturus_1.jpg
Powering up Arcturus .jpg
SGA_2x06_Arcturus_3.jpg
</slideshow>


Samantha im Wandel der Zeit

Ein interessanter Effekt ist "shuffle". 

<slideshow width="300" textheight="20" effect="shuffle" float="right">
Sam Staffel 1.jpg|SG1 Staffel 1
Sam Staffel 2.jpg|SG1 Staffel 2
Sam Staffel 3.jpg|SG1 Staffel 3
Sam_midway.jpg|Zu Beginn von [[Stargate Atlantis]] Staffel 4
</slideshow>


Sams Familie

</nowiki>
<slideshow width="300" center effect="zoom" button="prev,play,next" float="right">
Sams family samjacmark.jpg|Die Familie Carter
Sams family mum.jpg|Mutter
Jacob Carter.jpg|Vater Jacob
Sams family mark.jpg|Bruder Mark
Sams family niece.jpg|Nichte
Sams family samjacob.jpg|Sam und Jacob
</slideshow>
</nowiki>


Andere

Stark unterschiedliche Bildformate sind möglich, führen aber zu viel Leerraum zwischen den Bildern und der Unterschrift. Im Text können Vorlagen ganz normal benutzt werden. 

<slideshow width="300" center float="right">
SG1_1x03_im_lager.jpg|Samantha in einem Gewand
Samantha_privat.jpg|Samantha Privat
SG1-2x04 Sam-M.jpg|In {{Ep|SG1|2x04}}.
SG1 3x13 Sam jung.JPG|Die junge Samantha Carter
</slideshow>


Von „http://stargate-wiki.de/w/index.php?title=Benutzer:Rene/Slideshow&oldid=315723“