Bienvenidos sean a este post, hoy hablaremos sobre el objeto image el cual nos permitira trabajar con las imagenes dentro del documento, este objeto nos dara la posibilidad de poder modificar las mismas de forma dinamica, ya que HTML no lo permite, el contenido de las mismas, pasemos a hablar sobre las propiedades del mismo:

  • border, muestra o modifica el valor del atributo border de la imagen
  • complete, devuelve un valor booleano si la imagen fue completamente descargada desde el servidor
  • height, muestra o modifica el valor del atributo height (altura) de la imagen
  • hspace, muestra o modifica el valor del atributo hspace de la imagen
  • lowsrc, muestra o modifica el valor del atributo lowsrc de la imagen
  • name, contiene el valor del atributo name de la image
  • prototype, permite añadir nuevos atributos al objeto image
  • src, muestra o modifica el atributo src (origen) de la imagen
  • vspace, muestra o modifica el valor atributo vspace de la imagen
  • width, muestra o modifica el valor del atributo width (ancho) de la imagen

El hspace especifica la cantidad de espacios en blanco a la izquierda y derecha de la imagen, el vspace especifica la cantidad de espacios en blanco arriba y abajo de la imagen, lowsrc es la posibilidad de setear una URL de una imagen pero en baja resolucion, con esto explicado veamos algunos metodos disponibles:

  • eval(), evalua la cadena como una sentencia en referencia al objeto image
  • toString(), devuelve una cadena que representa al objeto image
  • valueOf(), convierte el objeto a su tipo primitivo

Este objeto sera uno de los mas practicos a la hora de cambiar dinamicamente nuestras imagenes en una pagina, pudiendo crear animaciones o efectos especiales para una galeria, recuerden que este objeto equivale al tag IMAGE en HTML.

En resumen, hoy hemos visto el objeto image, sus propiedades, sus metodos, hemos hablado de la particularidad de este objeto y un uso mas que probable para futuras paginas, espero les haya sido util sigueme en Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios