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-Schutz 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

einfache Bildausgabe, 100x100

Template Quelltext

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

Bild mit padding, paddingcolor und thumbnailtype

Template Quelltext

<spt:imp image="variable"
  width="50"
  height="50"
  paddding="fit"
  paddingcolor="transparent"
  thumbnailtype="gif"/>

einfaches Text-Bild

Template Quelltext

<spt:imp image="variable"
  width="50"
  height="50"
  action="textonimage"
  paddding="fit"
  paddingcolor="transparent"
  thumbnailtype="jpg"/>

Spamschutz

Template Quelltext

Email:
<img src="/imp/textonimg?color=333333;
  background=77ff22;
  fontsize=13;
  font=Arial;
  gravity=sw;
  font-weight=italic;
  offset=1,0;
  text=spc:<sp:print name="email" encrypt="3des"/>;
  text-transform=lowercase" align="absBottom" border="0">