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
  • top
  • middle
  • bottom
Ausrichtung des Bildes
alt alternativer Text Legt einen alternativen Text fest, der angezeigt werden soll, wenn das Bild nicht angezeigt wird.
Höhe
  • px
  • %
Bildhöhe in Pixel oder Prozent. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px".
hspace
  • px
  • %
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
  • px
  • %
Legt den Leerraum über und unter dem Bild fest. Wenn Sie den Wert in Pixel angeben, lautet die Syntax "140" anstelle von "140px".
Breite
  • px
  • %
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: