Imp (SPT-Tag): Unterschied zwischen den Versionen

Aus SiteparkWiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: {{Überarbeiten}} ==Name== <spt:imp> - Erzeugt ein <img src="...">-Tag für klein gerechnete und aus Texten generierte Bilder ==Syntax== <source lang="xml"> <spt:imp i...)
 
K (hat „Spt:imp“ nach „Imp (SPT-Tag)“ verschoben)
(kein Unterschied)

Version vom 10. Juni 2008, 17:40 Uhr

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

Template Quelltext

xxx

Ausgabe

xxx