Neu für mozilo 2.0 : jQbackstretch für Galerien

[wasp]

"jQbackstretch" von stefanbe und wasp
Das Plugin erzeugt automatisch -groessenangepasste- Slideshows bzw. Einzelbilder aus CMS-Galerien in Blockelementen wie z.B. DIV-Containern oder auch den kompletten Seitenhintergrund.

Wieso? Weshalb? Warum?:
- Flash-Plugin wird nicht benötigt (somit auch Anzeige auf Apfel-Endgeräten).
- Einzelbilder leicht entfernbar / hinzufügbar.
- Reihenfolge kann durch umbenennen der Bilder innerhalb der Galerie geändert werden.
- Bildbearbeitung durch automatisierte Größenanpassung meist nicht nötig.
- Gesamtanzeigegröße durch Änderung des "Mutterelementes" möglich.
- Bei variablen Layouts "schrumpft" die Anzeige bei Bedarf ("Responsive").
- Durch autom. Anpassung auch denkbar einfache Verwendung für statische Hintergrundbilder.
- Weil es schick aussieht 

Kurzanleitung:
1. Galerie im CMS anlegen und mit Bildern füllen
2. Wenn nicht bereits geschehen, Plugin installieren.
3. -Entweder- auf gewünschter Inhaltsseite -oder- bei permanenter gewünschter Ausgabe dann im Template, das Plugin mit Bezug z.B. auf einen DIV-Container aufrufen.

Beispiel für Einbau auf einer Inhaltsseite (CMS-Syntax):

Code Auswählen Erweitern

   [html|<div id="MEINEERSTESLIDESHOW" style="height:270px;">]
   {jQbackstretch|@=CMSTESTGALERIE=@,MEINEERSTESLIDESHOW,550,3500}
   [html|</div>]
Die beispielhaften Werte 550 und 3500 bilden die Überblenddauer (550) und die Anzeigedauer (3500) in Millisekunden ab.

Die Anlage des DIVs kann natürlich bereits in der style.css vom Template oder in zugehöriger plugin.css vorab erledigt werden. Mehr Detailinfo in der Pluginhilfe.

Fragen und Kommentare oder Testerfahrungen bitte hier posten!

Ansonsten viel Spass damit!

Zum Plugin

[Thorstn]

Jau, coole Sache 

Eben getestet mit dem kurzen Fazit: Funktioniert bestens 

@ Wasp:

Kleine Anmerkung: In der Pluginbeschreibung (im moziloAdmin) geht (für mich) nicht zwingend hervor, dass die Einbindung des Plugins in der Inhaltsseite via [html|...] zu erfolgen hat (wie hier von Dir beschrieben)
Erst durch das Lesen Deines Artikels hier ist mir das bewusst geworden - und auch erst damit hat das Plugin funktioniert.

Nachtrag: Die oben genannte Anmerkung bezieht sich auf die Funktion mit DIVs.
Für komplette Hintergründe (seitenfüllend) hat die Beschreibung im Plugin gereicht.

[wasp]

Einbindung des Plugins in der Inhaltsseite via [html|...] zu erfolgen hat

Hmm... Ist ja auch nicht wirklich zwangsläufig so, der (in diesem Beispiel) DIV kann ja bereits vorhanden sein (z.B. als Bestandteil des Templates). Es kann sich sonst durchaus auch um z.B. eine Tabelle oder sogar eine Überschrift(!) handeln, siehe dazu auch Liste / Blockelemente

Dennoch Danke für den Hinweis - Mal überlegen, wie sich das am Besten noch in die Online-Hilfe reinbringen lässt ...

Edit: Wobei natürlich im Beispiel nur die reine DIV-Erzeugung via [html|...] erfolgt  (DIV auf,Plugin,DIV zu - Wobei hier auch die Reihenfolge der zwei letztgenannten werden vertauscht werden könnte ... ).

[Rainer]

Hi Wasp,

hab jetzt endlich mal ein wenig Zeit gehabt und getestet: genial 

[stromflo]

Hallo zusammen,

habe nun auch mal Zeit gehabt das Plugin zu testen.
Eine super Sache!

Was empfehlt Ihr von der Auflösung her für Grafiken die man in den Hintergrund der Seite legt?

Gruß Flo

[Rainer]

@stromflo
Für komplette Fülling musst du mal schauen was so die größten, gebräuchlichen Monitore sind.
Als Header-Grafik, das was du in der css dafür reserviert hast.

[stromflo]

Hallo Rainer,

habe mal im Internet geschaut.
Denke, dass man mit einer Auflösung von 1920 x 1200  27" Wide schon ganz gut liegt?!
Die Grafiken sollten ja auch nicht zu viel Speicher benötigen. Mal schauen wie groß das Bild bei der Auflösung in JPG wird.

Gruß Flo

[Rainer]

Auch mal scheuen wie stark du beim speichern ins JPG-Format runter komprimieren kannst, ohne das die Grafik scheiße aussieht. Da ist manchmal ein runter drehen bis auf nur noch 40% möglich.