Imp (SPT-Tag)

Dieser Artikel bedarf einer Überarbeitung. Näheres ist auf der Diskussionsseite angegeben. Hilf bitte mit ihn zu verbessern und entferne anschließend diese Markierung.

Name

<spt:imp> - Erzeugt ein <img src="...">-Tag für klein gerechnete und aus Texten generierte Bilder

Syntax

<spt:imp image="variable" width="50" height="50"/>

Beschreibung

Mit dem imp-Tag können kleinere Versionen eines Bildes in eine HTML-Seite eingebunden werden. Weiter ist es mit diesem Tag möglich aus einem Text ein Bild zu erzeugen, das dann angezeigt wird. Der Tag erzeugt ein <img src=".." ..> HTML-Tag.

Funktionen des Tags:

skalieren aller Bilder on demand (Vorschaubild/Detailbild/Download werden von einer Bilddatei generiert), um Bildverwaltung und vor allem händische Bildbearbeitung zu vermeiden
Active Caching für alle Auflösungen und Formate
automatisches Erzeugen von Textgrafiken aus im CMS eingegebenen Texte für Headlines in der Unternehmensschrift
dynamische Berechnung der HTML-Attribute width und height
Spam-Preventer durch codierte E-Mail- Adressen mit Bildausgabe der Klartextadresse

spt:imp verwendet sp:scaleimage und sp:textimage, vereinigt dessen Funktionen und erzeugt im Unterschied zu den beiden Tags einen img-HTML-Tag.

Dieser Tag verhält sich im In- und im Out-Modus unterschiedlich.

Out-Modus: Im Out-Modus wird das Bild erzeugt und über den <img src="..."> eingebunden
In-Modus: Im In-Modus werden nicht alle verlangten Bildgrößen berechnet. Aus Optimierungsgründen wird nur ein Satz von Bildgrößen verwendet (in der BinDB konfigurierbar). Die pixelgenaue Verkleinerung übernimmt dann der Browser. Das Padding wird über CSS-Styles realisiert (siehe auch sp:scaleimage).

Attribute

Name	Type	Required	Default	ab IES Version
`image`	Attribute	Ja	None	1
`width`	Number	Nein	100	1
`height`	Number	Nein	100	1
`resolution`	Text	Nein	None	1
`format`	Text	Nein	png	1

zusätzliche Attribute für Thumbnails

Name	Type	Required	Default	ab IES Version
`padding`	Text	Nein	off	1
`paddingcolor`	Number	Nein	FFFFFF	1
`excerpt`	Number	Nein	None	1
`manipulate`	Text	Nein	None	1

zusätzliche Attribute für Texte

Name	Type	Required	Default	ab IES Version
`color`	Text	Nein	000000	1
`background`	Text	Nein	FFFFFF	1
`text`	Text	Nein	None	1
`font`	Text	Nein	None	1
`font-size`	Number	Nein	None	1
`font-weight`	Text	Nein	None	1
`gravity`	Text	Nein	None	1
`offset`	Text	Nein	None	1
`text-transform`	Text	Nein	None	1

xxx: xxx.

xxx: xxx.

Beispiele

Beispiel A

Template Quelltext

xxx

Ausgabe

xxx

Beispiel B