inicio GeNeura cursos
-

WML: Imágenes

img

img es la etiqueta que nos permite introducir imágenes. Es una etiqueta vacia, sin contenido. Su forma de uso es:

<img src="imagen.wbmp" alt="texto"/>
    

En el anterior ejemplo hemos usado dos atributos de img, src y alt. src indica la dirección de la imagen a mostrar, es un atributo obligatorio. Con alt podemos mostrar un texto alternativo en caso de que la imagen indicada en src no esté disponible, es opcional.

img tiene muchos atributos

atributo acción obligatorio
src Especifica la dirección de la imagen si
alt Muestra un texto alternativo en caso
de que la imagen no esté disponible
no
localsrc=nombrefichero Imagen local que se mostrará si esta disponible no
hspace=longitud
vspace=longitud
Cantidad de espacio en blanco que se
insertará horizontal o verticalmente.
Su valor por defecto es 0. Puede
expresarse mediante un valor porcentual
no
align=(top|middle|bottom) Alineamiento de la imagen respecto al texto. no
height=longitud
width=longitud
Da una idea al dispositivo del tamaño de
la imagen (para mientras poder seguir
descargando el resto del texto
no
xml:lang= Especifica el lenguaje formal o natural
de un elemento o sus atributos
no
id Proporciona un nombre único dentro de
una baraja
no
class Afilia un elemento a una o más clases no

Aqui podemos ver un ejemplo de uso de img:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
  <card id="imagenes" title="imagenes">
    <p>
      cabra  <img src="cabra.wbmp"  alt="cabra"/>
      <br/>
      cerdo  <img src="cerdo.wbmp"  alt="cerdo"/>  
      <br/>
      conejo <img src="conejo.wbmp" alt="conejo"/>
      <br/>
      oso    <img src="oso.wbmp"    alt="oso"/>    
      <br/>
      reno   <img src="reno.wbmp"   alt="reno"/>
      <br/>
    </p>
  </card>
</wml>
    

Imágenes en movimiento

La única forma de crear imágenes en movimiento es utilizar contadores de tiempo (timer) para mostrar sucesivamente las diferentes imágenes. Veamos un ejemplo:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>

  <card id="img1" ontimer="#img2">
    <timer value="3"/>
      <p>
	<img src="img1.wbmp" alt="img1"/>
      </p>
  </card>

  <card id="img2" ontimer="#img3">
    <timer value="3"/>
      <p>
	  <img src="img2.wbmp" alt="img2"/>
      </p>
  </card>
  
  <card id="img3" ontimer="#img4">
    <timer value="3"/>
      <p>
	<img src="img3.wbmp" alt="img3"/>
      </p>
  </card>

  <card id="img4" ontimer="#img1">
    <timer value="1"/>
      <p>
	<img src="img4.wbmp" alt="img4"/>
      </p>
  </card>
  
</wml>
    

Gustavo Romero Lopez
Last modified: Mon Nov 27 19:01:57 CET 2000