Plugin PiPictures

Mit diesem Universal - Plugin können Bildergalerien in diversen Varianten gestaltet werden.

Es setzt zwingend eine aktuelle GD - Bibliothek auf dem Webserver voraus.

Es ist ausschließlich für Bilder im JPG - Format !

Das Plugin erstellt automatisch Thumbnails und extrahiert Exif - Daten, wenn vorhanden.

Die Verzeichnisnamen in dem die Bilder abgelegt werden, dienen gleichzeitig als Kategoriebezeichnung.

Verwenden Sie also "sprechende" Namen für die Verzeichnisse !

Parameter

bg - Standard white, wird lediglich Smarty zugewiesen als Variable bg

onlycats - Standard 0, ist der Wert 1 wird lediglich eine Array an Smarty zugewiesen mit dem Namen pipicgalls , als Inhalt die Verzeichnisse bzw. Kategorien

slidedelay - Standard 13000, wird lediglich Smarty als Variable zugewiesen als slidedelay

thumbpics - Standard ist 1, wenn 0 werden keine Thumbnails erzeugt

thumbsize - Standard ist 85, bestimmt die Größe der Thumbnails

template - Standard ist pipictures/pipic.tpl (also im tatsächlich im Order templates/pipictures/pipic.tpl)

maxwidth - Standard 500, wird lediglich Smarty als Variable maxwidth zugewiesen

default - Standard nichts, kann das Startverzeichnis enthalten sprich die Default - Galerie

path - Standard uploads/images/pipictures/ , das ist das Standardverzeichnis - muss mit einem Slash enden !

Arbeitsweise

Das Plugin holt sich die Verzeichnisnamen und weist diese als Array Smarty zu mit dem Namen pipicgalls .

Dann wird die dafault - Galerie (Verzeichnis) durchgegangen, geprüft ob die Thumbs vorhanden bzw. ob diese plausibel sind ,ansonsten werden sie neu angelegt (Schreibrechte !)

Die Urls werden gebildet, exif - Daten ermittelt und es erfolgt eine Reihe von Zuweisungen an Smarty.

Zuweisungen

Solche die bislang noch nicht erwähnt wurden.

next - die URL des nächsten Bildes prev - die Url des vorherigen Bildes index - die Url zur aktuellen Seite width - die Weite des aktuelle gro0en Bildes height - die Höhe des aktuellen großen Bildes gallery - der Name der aktuellen Galerie pipicmain - die URL des aktuell großen Bildes pipicname - Nur der Name des aktuellen großen Bildes pipcthumbs - ein Array mit den URL's der Thumbnails comment - Exifdaten comments - Exifdaten

Exifdaten

Die Idee besteht eigentlich darin, die Exifdaten vor dem Upload durch eine Bildbeschreibung zu ersetzen. In vielen Fällen enthalten die Exifdaten bei mit modernen Digitalkameras hergestellten Bildern technische Werte.

Diese sollte man überschreiben - die meisten Bildbearbeitungsprogramme sind dazu in der Lage.

Bildgröße

Es ist ein Unsinn Bilder mit 2500 oder mehr Pixeln anzuzeigen, wenn diese zB. nur mit 400 Pixel Breite dargestellt werden sollen.

Reduzieren Sie vor dem Upload die Bildgröße mit einem Bildbearbeitungsprogramm auf die maximale Breite, die Sie verwenden wollen.

Ihre Besucher werden es Ihnen danken !

Template

Das Standardtemplate sieht so aus:

<center>
<table>
<tr>
<td>
{*Show the option select*}
<form action="{$index}" method="post">
<input type='hidden' name="page" value="{$page}" />

<select name="pigallery" >
{foreach from=$pipicgalls item=entry}
<option {if $entry->selected eq 1} selected="selected"{/if}>{$entry->name}</option>
{/foreach}
</select>

<input type="submit" value="Auswahl" />
</form>

</td>
<td>

{*Show prev and next*}
{*show the prev image if not exists it shows the same*}
<form action="{$index}" method="post">
<input type='hidden' name="page" value="{$page}" />
<input type='hidden' name="pigallery" value="{$gallery}" />
<input type='hidden' name="prev" value="{$prev}" />
<input type="submit" value="Zurück" />

</form>
</td>
<td>

{*show the next image if not exists it shows the same*}
<form action="{$index}" method="post">
<input type='hidden' name="page" value="{$page}" />
<input type='hidden' name="pigallery" value="{$gallery}" />
<input type='hidden' name="next" value="{$next}" />
<input type="submit" value="Vor" />

</form>
</td>
</tr>
</table>
</center>
{*show the title of the gallery that is equal with the dirname*}
<h2>{$gallery}</h2>
{*show the big one *}
<div id="bigpipic">

<center><img src="{$pipicmain}" width="{$width}" height="{$height}" alt="" border="0"/> <br /></center>
{*show the comment of exif like it is made from photoshop, gimp and show the comments there are made with Windows XP*}
{$comment}<br />{$comments}
{*show thumbnails only if thumbpics == 1 , that is default*}
{if $thumbpics eq 1}
<hr />

</div>
<center>
<table>

<tr><td>

{* Show the thumbnails *}
{foreach from=$pipicthumbs item=entry}
{if $entry->selected eq 1}Selected<br />{/if}
<a class="smallpipic" href="{$index}&pigallery={$gallery}&pipic={$entry->name}"><img src="{$entry->url}" alt="" border="0" /></a>
{cycle values="</td><td>,</td><td>,</td><td>,</td><td>,</td><td>,</td></tr><tr><td>"}
{/foreach}

</td></tr>
</table>
</center>
{/if}

Es dient nicht nur der Anzeige, sondern auch der Steuerung.

Es kann nach belieben abgeändert werden.

Weitere Templates

Es sind weitere Templates in dem Unterordner vorhanden. Sie sind lediglich Demos und erfordern zur Funktion den Einsatz von Javascript und ähnliches im Haupttemplate.

Diese Zusatzscripte dürfen nicht mitgeliefert werden .

Aber - mit PiPictures und den Zusatzscripten lässt sich so ziemlich alles machen, was aktuelle Galeriescripte machen können.

Wir haben es hier einmal eingesetzt mit Mootools um das Hauptbild stufenlos zoomen zu können und einem Javascript um bestimmte Thumbnails zu zeigen.

Bitte auswählen: