Joomla! erweitern/Plugins/3rd Party/Lightboxes/Rokbox
Inhaltsverzeichnis |
[Bearbeiten] Beschreibung
Mit dem auf Mootols basierenden Plugin lassen sich Grafiken, Videos (auch Youtube etc. ist möglich), MP3 und PDF Dateien in einen Artikel einfügen, welche sich mit einem nach dem Web 2.0 Standard grafischen Effekt öffnen lassen. RokBox besteht aus einem Content- und einem System-Plugin. Beide müssen installiert werden.
[Bearbeiten] System-Plugin
Mit dem System-Plugin werden die Einstellungen für die RoxBox vorgenommen.
[Bearbeiten] Plugin-Parameter
Preset Themes: Hier gibt es drei Einstellungen. Mit Light und Dark werden zwei Standard-Themes (Einstellungen) eingestellt werden. Mit der dritten Auswahl Custom wird ein benutzerdefiniertes Theme zugelassen.
Custom Theme: Wird bei Preset Themes Custom ausgewählt, ist hier der Name des Theme einzugeben.
Use Legacy Parameters: Mit No lädt RokBox die Themes-Konfiguration. Mit Ja kann die RokBox mit den Legacy Parameters eingestellt werden.
[Bearbeiten] Legacy-Parameter
RokBox Default Width/Height: Die Höhe und Breite der RokBox wird eingestellt (Pixel)
Transition of RokBox Effect: Einige der verfügbaren Mootool Transitions.
Duration of RokBox Effect: Die Dauer für das Öffnen der RokBox in Millisekunden.
Chase: The chasing, in pixels, for the Growl effect only.
Type of Animation: Die Art der Animation beim Öffnen der RokBox. Fade, QuickSilver, Growl oder Explode.
Border width: Für eigene Themen kann hier eine Rahmenbreite angegeben werden. Für die Light- und Dark-Themes sind zum Beispiel 20px vorgegeben.
Content Padding: Der Textabstand zum Rahmen. Für die Light- und Dark-Themes sind zum Beispiel 0px vorgegeben.
Arrows Height: Für die Navigationspfeile in Alben ist eine Angabe sinnvoll, damit dafür eine zusätliche Höhe vorgesehen ist. Für die Light- und Dark-Themes sind zum Beispiel 35px vorgegeben.
Show Captions: Yes zeigt die Bildunterschrift.
Captions Delay: Die Zeit bis zum Erscheinen der Bildunterschrift in Millisekunden.
Follow when Scrolling: Ob die RokBox folgt beim Scrollen folgen soll oder nicht.
Enable Keys: Zum aktivieren oder deaktivieren der drei Tasten Esc, Left und Right (Schließen, vorheriges Album nächstes Album.)
Overlay Background: Die Farbe, die die ursprüngliche Seite überlagern soll, z.B. #000000.
Overlay Opacity: Für die Transparenz sind Werte mit Fließkommazahlen zwischen 0.1 und 1 möglich.
Overlay Duration: Die Zeit für das Hochfahren der RokBox in Millisekunten.
Transition of Overlay Effect: Einige der verfügbaren Mootool Transitions.
AutoPlay: Yes startet automatisch QuickTime and WindowsMedia Movies.
YouTube AutoPlay: Yes startet automatisch YuoTube Movies.
Background Color: Für die Movies, z. B. #000000.
Vimeo Color/Portrait/Title/Fullscreen/Byline: Schaltet Möglichkeiten für Vimeo an und aus. Die Farbe wird in diesem Fall ausnahmsweise ohne '#' angegeben, also z. B.: 00adef
[Bearbeiten] Der Code im Beitrag
{rokbox size=|100 50| text=|Linktext| thumb=|images/DeinBild.jpg|
title=|Titel :: weiterer Text| album=|photos| module=|login|}Link{/rokbox}
[Bearbeiten] rokbox
ruft die RokBox auf
[Bearbeiten] size
Die Größe der Lightbox in Pixel. Möglich sind auch Prozentangaben:
size=|50% 30%|
oder fullscreen
size=|fullscreen|
[Bearbeiten] text
Der Linktext:
<a href="#">Linktext<a>
anstelle eines Texttes kann man auch den Pfad zu einem Bild übergeben.
thumb=|images/rokbox/DeinBild.jpg
Die RokBox wird dann das Thumbnail /images/rokbox/DeinBild_thumb.jpg generieren und darstellen.
[Bearbeiten] title
Der Titel wird angezeigt, wenn man mit der Maus über den Link geht. In der Lightbox steht unter dem Bild dann Titel als Überschrift und darunter weiterer Text als Text dazu. Der Text kann nicht formatiert werden
[Bearbeiten] Link
Der Link definiert das Element, das in der Rokbox angezeigt werden soll.
[Bearbeiten] Thumbnail
images/rokbox/DeinBild.jpg
[Bearbeiten] Artikel
index.php?option=com_content&view=article&id=61&tmpl=component
[Bearbeiten] Musik
lieder/rokbox/DeinLied.mp3
[Bearbeiten] Flash
filme/rokbox/DeinFilm.swf
[Bearbeiten] Youtube
http://www.youtube.com/watch?v=code
[Bearbeiten] Internetseite
http://www.google.com
[Bearbeiten] Endtag
{/rokbox} schließt die RokBox Eingabe ab
[Bearbeiten] Beispiele
{rokbox album=|DeinAlbum|}images/stories/food/*{/rokbox} - Stellt alle Bilder aus diesem Verzeichnis in einer Linie dar.
[Bearbeiten] Download
Die Rokbox ist auf www.rocketwerx.com erhältlich.
