Image Extender



Bei hk Image-Extender handelt es sich um einen kleinen Hack um auf einfache Weise Bildern innerhalb ewm Bildunterschriften hinzufügen zu können.

Dazu wird innerhalb eines bestimmten Bereichs der Seite nach Bildern gesucht. Um diese wird ein DIV-Container gelegt und das Attribut name als Bildunterschrift dargestellt.

Installation:
Kopieren Sie hkimage.prg in das ewm Verzeichnis custprg.

Im Haupttemplate main umschliessen Sie den Bereich, der bearbeitet werden soll mit de Markierungen <!-- hkimgext start --> und <!-- hkimgext end -->.
Ausserdem plazieren Sie an einer freien Stelle {execmacro="hkimage"}.

Zur Formatierung legen Sie die folgenden 3 CSS-Klassen an:
div.rightimage {float:right; margin:8px; margin-right:0; margin-top:0; font-size:8pt; color:#000000; text-align:center;}
div.leftimage  {float:left; margin:8px; margin-left:0; margin-top:0; font-size:8pt; color:#000000; text-align:center;}
div.otherimage  {margin:8px; margin-left:0; margin-top:0; font-size:8pt; color:#000000; text-align:center;}
Diese können Sie selbstverständlich eigenen Wünschen anpassen, lediglich die float-Anweisung ist wichtig. Bei linksbündig ausgerichteten Grafiken wird die Klasse leftimage und bei rechtsbündig ausgerichteten Grafiken die Klasse rightimage zugewiesen. Ansonsten kommt otherimage zum Einsatz.

Einschränkungen:
Die Texte sollten nicht allzu lang werden. Das Modul arbeitet intern mit längenbeschränkten Strings.

Beispiel:
Das Modul wird für die Bildunterschriften auf der Seite dieser Schule nahe Schwabach verwendet.

Download:
hkimage.zip (5.191 Bytes)
ewm Modul hk Image-Extender
Kompletter Quellcode ist enthalten


eforia® ist ein eingetragenes Markenzeichen.
Alle anderen Marken und Markenzeichen gehören Ihren jeweiligen Besitzern.
Letzte Aktualisierung dieser Seite: 05.12.2021 / 00:00:10
Suche  
Login / Userdaten
Impressum/Datenschutz