image
Valora:   3.74/5 de 27
Inicio » Javascript » Manual » Objetos del Navegador




El objeto image

Por Lola Cárdenas y Joaquin Gracia.
rinconprog.metropoli2000.com

Gracias a este objeto (disponible a partir de la versión 3 de Netscape, aunque Microsoft lo adoptó en la versión 4 de su navegador) vamos a poder manipular las imágenes del documento, pudiendo conseguir efectos como el conocido rollover (cambio de imágenes al pasar el ratón sobre la imagen).

Propiedades

  • border. Contiene el valor del parámetro 'border' de la imagen.
  • complete. Es un valor booleano que nos dice si la imagen se ha descargado completamente o no.
  • height. Contiene el valor del parámetro 'height' de la imagen.
  • hspace. Contiene el valor del parámetro 'hspace' de la imagen.
  • lowsrc. Contiene el valor del parámetro 'lowsrc' de la imagen.
  • name. Contiene el valor del parámetro 'name' de la imagen.
  • src. Contiene el valor del parámetro 'src' de la imagen.
  • vspace. Contiene el valor del parámetro 'vspace' de la imagen.
  • width. Contiene el valor del parámetro 'width' de la imagen.
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<script LANGUAGE="JavaScript">
<!--
   img1 = new Image();
   img1.src = "/graficos/nni1b.gif";
   img2 = new Image();
   img2.src = "/graficos/nni1a.gif";
   function cambia(nombre,imagen)
   {
      nombre.src = imagen.src
   }
   function dobleancho()
   {
      imagen1.width=imagen1.width*2;
   }
   function doblealto()
   {
      imagen1.height=imagen1.height*2;
   }   
   function mitadancho()
   {
      imagen1.width=imagen1.width/2;
   }
   function mitadalto()
   {
      imagen1.height=imagen1.height/2;
   }      
//-->
</script>

<BODY>
<a href="" onmouseover="cambia(imagen1,img1)" onmouseout="cambia(imagen1,img2)"><img src="/graficos/nni1a.gif" width="68" height="68" border="0" name="imagen1"></a><br><br>
<a href="javascript:dobleancho()">Doble ancho</a><br>
<a href="javascript:doblealto()">Doble Alto</a><br>
<a href="javascript:mitadancho()">Mitad ancho</a><br>
<a href="javascript:mitadalto()">Mitad Alto</a><br>
</BODY>
</HTML>

Ejecutar ejemplo Ver código







Comparte


Aportaciones de usuarios A�adir una aportaci�n



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.