WML - Immagini

L'elemento <img> viene utilizzato per includere un'immagine in una scheda WAP. I dispositivi wireless abilitati per WAP supportano solo il formato immagine Wireless Bitmap (WBMP).

Le immagini WBMP possono contenere solo due colori: bianco e nero. L'estensione file di WBMP è ".wbmp" e il tipo MIME di WBMP è "image / vnd.wap.wbmp".

L'elemento <img> supporta i seguenti attributi:

Attributo Valore Descrizione
allineare
  • top
  • middle
  • bottom
Allineamento dell'immagine
alt testo alternativo Imposta un testo alternativo da visualizzare se l'immagine non viene visualizzata.
altezza
  • px
  • %
Altezza dell'immagine in pixel o percentuale. Se specifichi il valore in pixel, la sintassi è "140", invece di "140px".
hspace
  • px
  • %
Imposta lo spazio bianco a sinistra ea destra dell'immagine. Se specifichi il valore in pixel, la sintassi è "140", invece di "140px".
localsrc cdata Imposta una rappresentazione alternativa per l'immagine. Se questo attributo è impostato, il browser lo utilizzerà al posto dell'attributo "src".
src URL dell'immagine Un percorso per l'immagine wbmp.
vspace
  • px
  • %
Imposta lo spazio bianco sopra e sotto l'immagine. Se specifichi il valore in pixel, la sintassi è "140", invece di "140px".
larghezza
  • px
  • %
Imposta la larghezza dell'immagine. Se si specifica il valore in pixel, la sintassi è "140", invece di "140px".
xml: lang language_code Imposta la lingua utilizzata nell'elemento
classe dati di classe Imposta un nome di classe per l'elemento.
id ID elemento Un ID univoco per l'elemento.

Come creare immagini ".wbmp"

Su Internet sono disponibili strumenti gratuiti per creare immagini ".wbmp".

Il Nokia Mobile Internet Toolkit (NMIT) viene fornito con un editor di immagini WBMP che puoi utilizzare. È possibile convertire file di immagine GIF o JPG esistenti in file WBMP utilizzando NMIT.

Un altro strumento gratuito è ImageMagick , che può aiutarti a creare immagini WBMP.

Di seguito è riportato l'esempio che mostra l'utilizzo dell'elemento <img>.

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

Questo produrrà il seguente risultato: