WML - Images



The <img> element is used to include an image in a WAP card. WAP-enabled wireless devices only supported the Wireless Bitmap (WBMP) image format.

WBMP images can only contain two colors: black and white. The file extension of WBMP is ".wbmp" and the MIME type of WBMP is "image/vnd.wap.wbmp".

The <img> element supports the following attributes:

AttributeValueDescription
align
  • top
  • middle
  • bottom
Alignment of the image
altalternative textSets an alternate text to be displayed if the image is not displayed.
height
  • px
  • %
Height of the image in pixels or percentage. If you specify the value in pixels, the syntax is "140", instead of "140px".
hspace
  • px
  • %
Sets white space to the left and right of the image. If you specify the value in pixels, the syntax is "140", instead of "140px".
localsrccdataSets an alternate representation for the image. If this attribute is set, the browser will use it instead of the "src" attribute.
srcimage urlA path to wbmp image.
vspace
  • px
  • %
Sets white space above and below the image. If you specify the value in pixels, the syntax is "140", instead of "140px".
width
  • px
  • %
Sets the width of the image.If you specify the value in pixels, the syntax is "140", instead of "140px".
xml:langlanguage_codeSets the language used in the element
classclass dataSets a class name for the element.
idelement IDA unique ID for the element.

How to Make ".wbmp" Images

There are free tools available on the Internet to make ".wbmp" images.

The Nokia Mobile Internet Toolkit (NMIT) comes with a WBMP image editor that you can use. You can convert existing GIF or JPG image files into WBMP file using NMIT.

Another free tool is ImageMagick, which can help you to create WBMP images.

Following is the example showing usage of <img> element.

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

This will produce the following result:

WAP Example 8
Advertisements