Weblication Tipps

Eine Bildergalerie professionell umzusetzen ist mithilfe von CMSen nicht immer ein Zuckerschlecken. Dadurch dass es einen Fileupload gibt der meistens auf 1-5 Dateien beschränkt ist (je nach CMS) ist es oft mühselig die vorhandenen Photos oder Grafiken einzupflegen.

Bildergalerien wie zum Beispiel die Gallery2 bieten Plugins für Windows XP zum automatischen Bilderupload, eine Javaapplikation oder WebDAV-Möglichkeiten. Dass sowas openSource ist und somit kostenfrei ist fast schon unglaublich. Wie kann also ein CMS damit mithalten und die gleichen Funktionen bieten? Dies ist eigentlich nicht möglich - deshalb wird meistens versucht eine Integration von guten vorhandenen Bildergalerien als Mittelweg zu nehmen. Dem Pflegebenutzer wird dadurch zwar ein weiterer Login zugemutet, der Komfort der dabei jedoch entsteht, nämlich mit einem Powertool zu arbeiten, macht dieses Manko wieder unscheinbar klein.

Einen guten Mittelweg bietet die Lightbox. Wie schon in einem anderen Beitrag über die Möglichkeit der Popup-Implentierung hatte ich ja schon vor lange Zeit geschrieben. Die Lightbox bietet jedoch auch die Möglichkeit mithilfe des rel-Attributs mehrere Bilder miteinander zu einer Galerie zu verknüpfen.

Was liegt also näher die Upload-Funktion von Weblication zu nutzen, welche automatisch Thumbnails generiert und die Möglichkeit bietet Beschreibungen für Bilder zu vergeben. Man benötigt demnach nur noch eine Listendatei welche die Bilder auflistet und mit dem rel-attribut versieht.

Gesagt - getan. Hier ist die Bildergalerie in Einzelschritten:

Man benötigt die Datei bildergalerie.php welche schlicht und einfach eine Liste includiert:

<div id="bildergalerie">
<!-- web:list:start --><?php wShowList("/de/img/bildergalerie/index.php");?><!-- web:list:stop -->
</div>

In dieser Liste wird die Listenfunktion mittels der executeXT eingefügt:

<!--
<executeXt type="weblication.list" version="1.1">

 <var name="listrow" value="/de/templates/list/bildergalerie.row"/>
 <var name="listrowalt" value=""/>
 <var name="filetypes" value="jpg|gif"/>
 <var name="showmode" value="3"/>
 <var name="filesmax" value=""/>
 <var name="sort" value="name_asc"/>
 <func name="List.show"/>
 <var name="subdirs" value=""/>
 <var name="filter" value="file:name != &apos;index.php&apos;"/>
 <var name="firstentry" value=""/>
 <var name="static" value=""/>
 <var name="anonymous" value=""/>
 <var name="expires" value=""/>
 <var name="dir" value="_self"/>
</executeXt>
-->

In dieser documentXT werden alle Dateien außer Dateien mit dem Namen index.php angezeigt. Als Zeilenvorlage dient die bildergalerie.row welche wie folgt aussieht:

<!--PRC:LISTHEADER-->
<?php $cnt=0; ?>
<!--PRC:LISTHEADER-->
<!--PRC:LISTROW-->
<div class="bild">
	<a href="<!--PRC:FILEURL-->" rel="lightbox['bildergalerie']" alt="<!--PRC:HEADLINE-->"><img src="<!--PRC:THUMBNAIL-->" alt="<!--PRC:HEADLINE-->" />
	<p><!--PRC:HEADLINE--></p></a>
</div>
<?php
	if ($cnt==2) {
		$cnt=0;
		echo "<br />";
	}	else {
		$cnt++;
	}
?>
<!--PRC:LISTROW-->
<!--PRC:LISTFOOTER-->
<!--PRC:LISTFOOTER-->

Nun muss nur noch eine gemoddete lightbox.js eingebunden werden und die Galerie läuft.

Lightbox Bildergalerie Weblication

Wichtig ist, dass die Dateien eingecheckt sind, sonst wird kein Thumbnail erstellt. Diese sind im Ordner /thumb/ des jeweiligen Verzeichnisses gespeichert und werden in der Zeilenvorlage mit

<!--PRC:THUMBNAIL-->

eingebunden.

Alle Dateien in einem ZIP-Archiv sind unter Downloads zu finden.

//Edit 17.03.2008: Stefan Reichel hat mich darauf hingewiesen dass ich den Prozess der Thumbnails nicht ausführlich genug beschrieben habe. Er erstellt ein Thumbnail mit der Funktion copyResizedImage('/de/img/gewerbe/thumb/$FILE[NAME]‘, 200, 150). Diese Funktion kann man als Event dem Ordner mitgeben (onupload). Dadurch wird ein Thumbnail erstellt und automatisch in den ordner thumb kopiert. Nun muss man das Thumbnail nur noch mit dem richtigen Bild verlinken, wenn dieses eingecheckt wird.

Dieser Eintrag wurde am on Freitag, 14. März, 2008 um 17:31 Uhr veröffentlicht und ist abgelegt unter Weblication Benutzertipps, Weblication Mods, Weblication Tipps.
Du kannst Antworten oder Reaktionen auf den Beitrag mithilfe des RSS 2.0-Feeds verfolgen. Du kannst eine Antwort schreiben, oder einen Trackback von Deiner Seite erstellen.
Verwendete Tags: bildergalerie, Gallery2, Lightbox Galerie, Lightbox Weblication Download, Liste als Bildergalerie.