WML - obrazy

Element <img> służy do umieszczania obrazu na karcie WAP. Urządzenia bezprzewodowe z obsługą WAP obsługiwały tylko format obrazu bezprzewodowej mapy bitowej (WBMP).

Obrazy WBMP mogą zawierać tylko dwa kolory: czarny i biały. Rozszerzenie pliku WBMP to „.wbmp”, a typ MIME pliku WBMP to „image / vnd.wap.wbmp”.

Element <img> obsługuje następujące atrybuty:

Atrybut Wartość Opis
wyrównać
  • top
  • middle
  • bottom
Wyrównanie obrazu
alt alternatywny tekst Ustawia alternatywny tekst, który ma być wyświetlany, jeśli obraz nie jest wyświetlany.
wysokość
  • px
  • %
Wysokość obrazu w pikselach lub procentach. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”.
hspace
  • px
  • %
Ustawia odstępy po lewej i prawej stronie obrazu. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”.
localsrc cdata Ustawia alternatywną reprezentację obrazu. Jeśli ten atrybut jest ustawiony, przeglądarka użyje go zamiast atrybutu „src”.
src URL obrazu Ścieżka do obrazu wbmp.
vspace
  • px
  • %
Ustawia odstępy nad i pod obrazem. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”.
szerokość
  • px
  • %
Ustawia szerokość obrazu. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”.
xml: lang kod_języka Ustawia język używany w elemencie
klasa dane klasy Ustawia nazwę klasy dla elementu.
ID identyfikator elementu Unikalny identyfikator elementu.

Jak tworzyć obrazy „.wbmp”

W Internecie dostępne są bezpłatne narzędzia do tworzenia obrazów „.wbmp”.

Zestaw Nokia Mobile Internet Toolkit (NMIT) zawiera edytor obrazów WBMP, którego możesz użyć. Możesz przekonwertować istniejące pliki graficzne GIF lub JPG do pliku WBMP za pomocą NMIT.

Kolejnym darmowym narzędziem jest ImageMagick , które może pomóc w tworzeniu obrazów WBMP.

Poniżej znajduje się przykład pokazujący użycie elementu <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>

To da następujący wynik: