El objeto images (I)
por Luciano Moreno, del departamento de diseño web de BJS Software.

Introducción.-

En la sección de HTML de HTMLWeb hemos aprendido cómo podemos introducir imágenes en nuestras páginas web, qué tipo de formatos podemos usar para nuestros gráficos y cómo podemos optimizarlas para un buen uso.

Ahora nos toca estudiar cómo podemos acceder mediante JavaScript a las propiedades de las imágenes, qué eventos soportan y cómo podemos con esto construir una página dinámica. Aprenderemos a crear rollovers, esos efectos tan solicitados por los diseñadores para incluirlos en sus páginas, a modificar propiedades de una imagen "en tiempo real" y, sobre todo, ampliaremos nuestros conocimientos del lenguaje JavaScript, estudiando la forma que este tiene de acceder a objetos y a sus propiedades y métodos.

El tema de la imágenes y JavaScript puede ser muy escueto o muy extenso. Si nos ceñimos a las propiedades esenciales del objeto Image a las que podemos acceder con este lenguaje, el manual resultaría muy corto, pero si nos adentramos en explicaciones de los múltiples script que se pueden construir basándose en estos elementos, el manual resultaría un libro.

Vamos pués a buscar un término medio, limitándonos a comentar las propiedades, métodos y eventos propios, y ampliaremos un poco el tema viendo un par de aplicaciones prácticas.

En este artículo veremos:

1. El objeto Image - La matriz images
2. Propiedades del objeto Imge
3. Eventos en imágenes - El método constructor de objetos Image
4. Aplicación práctica: Rollover simple
5. Aplicación práctica: Rollover múltiple
6. Conclusiones