11 Images

Most sites benefit from an image or two, perhaps just a logo. The WAP image format is wbmp or Wireless Bitmap, with the file extension .wbmp. For example logo.wbmp.

WBMP images are monochrome, commonly known as black and white. Each image must be small in both dimension and size of data file. Please remember you are working to produce documents of the smallest amounts of data.

Producing WBMP images is done using an image editor/creator application. Several of these are available on the internet for free download. Each application has its own methods and procedures, which we will not get into here. Please refer to the help files/instuctions etc. with each application.

Source.

Images must be available somewhere on the internet, this is the source. Accessing an image is equivalent to pointing a link at a particular URL. As with links relative URL's are best. The image is uploaded to the file containing the WML document. WAP hosts such as wapdrive.com have upload facilities. It is possible to store an image on another server and link to it with an absolute link.

Images are known as in line objects. The browser treats them as normal text characters, resting images on the line alongside the text. Large images are treated like a large text character, with surrounding text aligned with the bottom of the image.

Images are placed using a single <img> tag, which has two requires attributes. One of them we have mentioned above, the source written as src. The other required attribute is alt for alternative text. The value of alt is a text description of the picture. The alt text is displayed as the image is downloading to the browser, and by browsers without image capability.

<img src="logo.wbmp" alt="Logo"/>   <img src="www.wapdrive.com/westd/logo.wbmp" alt="Logo"/>

Images have several optional attributes. You may specify height and width attributes, the value being a number (in pixels) or as a percentage. Additionally vspace and hspace add vertical and horizontal empty space (in pixels or percentage) around the image. align can be set as top middle or bottom, and is used in positioning any following text in relation to the image.

<img src="logo.wbmp" alt="Logo" height="50" width="44" vspace="10" hspace="5" align="middle"/>

< BACK   NEXT  >