In eine HTML Seite werden Bilder mittels dem img Tag eingebunden.
Bei diesem Tag kann man optional die Höhe und Weite des Bildes angeben, womit
der Browser schon vor dem Laden des Bildes dessen Dimensionen weiß und schon
mit dem Rendern der HTML Seite beginnen kann. Sind bei allen Bildern einer
Seite alle Dimensionen schon bekannt beschleunigt dies den Bildaufbau
enorm.
Aber es ist mühselig selbst die benötigten Daten einzutragen. Deshalb gibt es das
Image Tag. Es findet selbstständig die Dimensionen eines Bildes
heraus. Dazu benötigt es nur Zugang zum Originalbild.
Image Tag Definition:
<image
|
| | | | (Typ: simple_tag) |
|
src="image.jpg" |
(optional) |
|
|
|
|
origfile="image.jpg" |
(optional) |
|
|
(info: Originalbild oder der Pfad zum Bild) |
|
width="XXX" |
(optional) |
(calculated) |
|
|
|
height="XXX" |
(optional) |
(calculated) |
|
|
|
alt="some text" |
(optional) |
(calculated) |
|
|
|
lowscr="low-image.jpg" |
(optional) |
|
|
|
|
border="XXX" |
(optional) |
|
|
|
|
class="some css class" |
(optional) |
|
|
|
|
style="some css style" |
(optional) |
|
|
|
|
nowarning |
(optional) |
|
|
(info: unterdrücke Warnungen) |
> |
|
- src Option
-
Der Name des Bildes auf der Web-Page. Wenn diese Option nicht
gesetzt ist, dann wird der Name des Bildes, der in der origfile Option
definiert ist verwendet.
- origfile Option
-
Diese Option wird genutzt um das original Bild zu finden.
Wenn diese Option nicht gesetzt ist, werden die Daten
der src Option verwendet. Hier kann auch einfach nur der Pfad
zum Originalbild angegeben werden, der Kompiler wird in dem gegeben
Verzeichnis nach dem Namen des Bildes, welches in der src Option
angegeben wurde suchen.
Diese Option, oder die src Option, oder beide müssen angegeben werden um
das Tag gültig werden zu lassen. Ansonsten, wirst du eine Fehlermeldung erhalten.
- width und height Option
-
Wenn die Option angegeben ist, dann wird der Wert nicht angerührt.
Ist die Option nicht angegeben, dann wird der entsprechende Wert
in die Option des
img Tags eingetragen.
Wird ein Prozentwert angegeben zB.: "80%", dann wird die
Geometrie des Bildes ermittelt und es werden 80% des richtigen Wertes
verwendet.
- alt Option
-
Wenn diese Option gegeben ist dann wird sie nicht angerührt.
Ist dagegen kein Wert eingetragen, dann wird der Name des Bildes
eingetragen.
- lowsrc, border, class und style Option
-
Diese Optionen werden direkt an das
img Tag weitergegeben.
- nowarning Option
-
Um dich vor Tippfehlern zu bewahren werden einige Warnungen
ausgegeben. Aber diese können mit der Zeit störend sein.
Wenn dieses Flag gesetzt ist, werden nur mehr Fehler gemeldet.
|