WML - Imagens

O elemento <img> é usado para incluir uma imagem em um cartão WAP. Os dispositivos sem fio habilitados para WAP suportam apenas o formato de imagem Wireless Bitmap (WBMP).

As imagens WBMP podem conter apenas duas cores: preto e branco. A extensão do arquivo WBMP é ".wbmp" e o tipo MIME de WBMP é "image / vnd.wap.wbmp".

O elemento <img> suporta os seguintes atributos:

Atributo Valor Descrição
alinhar
  • top
  • middle
  • bottom
Alinhamento da imagem
alt Texto Alternativo Define um texto alternativo a ser exibido se a imagem não for exibida.
altura
  • px
  • %
Altura da imagem em pixels ou porcentagem. Se você especificar o valor em pixels, a sintaxe será "140", em vez de "140px".
hspace
  • px
  • %
Define o espaço em branco à esquerda e à direita da imagem. Se você especificar o valor em pixels, a sintaxe será "140", em vez de "140px".
localsrc cdata Define uma representação alternativa para a imagem. Se este atributo for definido, o navegador o usará em vez do atributo "src".
src imagem URL Um caminho para a imagem wbmp.
vspace
  • px
  • %
Define o espaço em branco acima e abaixo da imagem. Se você especificar o valor em pixels, a sintaxe será "140", em vez de "140px".
largura
  • px
  • %
Define a largura da imagem. Se você especificar o valor em pixels, a sintaxe é "140", em vez de "140px".
xml: lang language_code Define o idioma usado no elemento
classe dados da classe Define um nome de classe para o elemento.
Eu iria ID do elemento Um ID exclusivo para o elemento.

Como fazer imagens ".wbmp"

Existem ferramentas gratuitas disponíveis na Internet para fazer imagens ".wbmp".

O Nokia Mobile Internet Toolkit (NMIT) vem com um editor de imagens WBMP que você pode usar. Você pode converter arquivos de imagem GIF ou JPG existentes em arquivos WBMP usando NMIT.

Outra ferramenta gratuita é o ImageMagick , que pode ajudá-lo a criar imagens WBMP.

A seguir está o exemplo que mostra o uso do 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>

Isso produzirá o seguinte resultado: