Albengallerie mit dem bos_image_display Plugin
Autor: Alex
Das bos_image_display Plugin von Maurizio Boscarol ist ein sehr umfangreiches Plugin, mit dem sich mehrere Fotogallerien (in Alben) umsetzen lassen.
Anders als z. B. mit dem wet_article_thumb Plugin werden hier die Bilder nicht in einem Artikel bzw. als Artikel gespeichert sondern über ihre Kategorien gefiltert. Das Plugin besteht aus 6 Tags:
<txp:bos_image_display /><txp:bos_image_index /><txp:bos_image_category /><txp:bos_imgnext /><txp:bos_imgprev /><txp:bos_subcat_image_index />
denen man Unmengen von Attributen zuordnen kann. So ist es z. b. möglich den einzelnen Bildern eine Caption (Bildunterschrift) anzufügen, nach Subkategorien zu filtern oder ein Zufallsbild auszugeben. Im Großen und Ganzen läßt dieses Plugin keinen Wusch offen. Das Plugin kann allerdings nicht:
- sliding Effekt
- Lightbox Effekt
Die voraussetzung für das Plugin sind:
- TXP 4.0.3
- Bilder und Thumbnails müssen in TXP vorliegen
- allen Bildern muß eine Bildkategorie zugeordnet sein.
Nun 3 Beispiele wie man mit dem Plugin eine Bildergallerie aufbaut. Die Beispiele finden sich auch in der Hilfeanleitung des Plugins.
Simple Gallerie
<div class="images">
<txp:bos_image_display title="1" capt="1" />
<txp:bos_image_index break="li" wraptag="ul" cat="holiday" />
</div>
Hier werden alle Bilder die der Kategorie ‘holidays’ zugeordnet sind als Thumbnail in einer Liste ausgegeben. Oberhalb der Thumbnailliste erscheint das original große Foto.
Unverlinkte Gallerie
<div class="images">
<txp:bos_image_index title="1" link="0" thumb="0" break="div" capt="1" cat="holidays" />
</div>
Will man alle Bilder z. B. der Kategorie ‘holidays’ unverlinkt und ohne Thumbnails ausgeben, kann man den obigen Code verwenden. Die Bilder werden in diesem Beispiel nicht als Liste sondern in einem div mit Caption ausgegeben.
Mehrere Gallerien in einer Section
<p class="path">You are here: <a href="../">home</a> > <txp:bos_image_category link="1" title="1"/></p>
<div class="gall">
<txp:bos_image_display capt="1" wrap_capt="div" capt_label="Note:"/>
</div>
<txp:bos_image_index wraptag="ul" break="li"/>
<div id="nav">
<txp:stw_category_tree section="photo" type="image" cssid="cat" onclass="active" />
</div>
Will man in einer Sektion (z. b. photo) mehrer Gallerien unterschiedlicher Kategorien listen, dann kann man z. b. diesen Code verwenden.
Mittels des stw_category_tree Plugins kann man sich noch eine Navigation nach den Kategorien bauen.
Wer sich für das Plugin interessiert, installiert sich am Besten das Plugin und geht durch die sehr ausführliche Hilfeanleitung!
Hier noch ein Livebeispiel von Els:
Sie hat unter kraplak.nl/schilderijen/ eine Albumgallerie aufgesetzt. Der Code dazu ist sehr simple:
page template:
<txp:if_category name="muzikanten,maskers,aquarellen,belangrijk,landschap,overig">
<txp:output_form form="gallery" />
</txp:if_category>
form ‘gallery’:
<h2><txp:bos_image_category title="1" /></h2>
<div class="gallery">
<txp:bos_image_display title="0" capt="1" default="random" />
<txp:bos_image_index break="li" wraptag="ul" limit="12" sortby="name" sortdir="asc" />
</div>
Mit so wenig Code kann man sich also schon eine nette Gallerie basteln. Maurizio hat wirklich ganz tolle Arbeit geleistet. Congrats!