WML - Bilder
Das <img> -Element wird verwendet, um ein Bild in eine WAP-Karte aufzunehmen. WAP-fähige drahtlose Geräte unterstützen nur das WBMP-Bildformat (Wireless Bitmap).
WBMP-Bilder können nur zwei Farben enthalten: Schwarz und Weiß. Die Dateierweiterung von WBMP lautet ".wbmp" und der MIME-Typ von WBMP lautet "image / vnd.wap.wbmp".
Das <img> -Element unterstützt die folgenden Attribute:
| Attribut | Wert | Beschreibung |
|---|---|---|
| ausrichten |
|
Ausrichtung des Bildes |
| alt | alternativer Text | Legt einen alternativen Text fest, der angezeigt werden soll, wenn das Bild nicht angezeigt wird. |
| Höhe |
|
Bildhöhe in Pixel oder Prozent. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px". |
| hspace |
|
Legt den Leerraum links und rechts vom Bild fest. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px". |
| localrc | cdata | Legt eine alternative Darstellung für das Bild fest. Wenn dieses Attribut festgelegt ist, wird es vom Browser anstelle des Attributs "src" verwendet. |
| src | Bild URL | Ein Pfad zum wbmp-Bild. |
| vspace |
|
Legt den Leerraum über und unter dem Bild fest. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px". |
| Breite |
|
Legt die Breite des Bildes fest. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px". |
| xml: lang | Sprachcode | Legt die im Element verwendete Sprache fest |
| Klasse | Klassendaten | Legt einen Klassennamen für das Element fest. |
| Ich würde | Element-ID | Eine eindeutige ID für das Element. |
So erstellen Sie ".wbmp" -Bilder
Im Internet stehen kostenlose Tools zum Erstellen von ".wbmp" -Bildern zur Verfügung.
Das Nokia Mobile Internet Toolkit (NMIT) enthält einen WBMP-Bildeditor, den Sie verwenden können. Sie können vorhandene GIF- oder JPG-Bilddateien mit NMIT in eine WBMP-Datei konvertieren.
Ein weiteres kostenloses Tool ist ImageMagick , mit dem Sie WBMP-Bilder erstellen können.
Das folgende Beispiel zeigt die Verwendung des <img> -Elements.
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
<card title="WML Images">
<p>
This is Thumb image
<img src="/images/thumb.wbmp" alt="Thumb Image"/>
</p>
<p>
This is Heart image
<img src="/images/heart.wbmp" alt="Heart Image"/>
</p>
</card>
</wml>Dies führt zu folgendem Ergebnis:
