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>
El objeto anchor