Esconder Imagenes Con JS

tranceup · #1 (**permalink**) 25/05/2005, 20:31

Se puden esconder imagenes usando java script?
O sea que al apretar un link se oculten todas las imagenes de la pagina

damianx · #2 (**permalink**) 25/05/2005, 21:46

que tal, te envio este codigo que a mi me fue muy util; fijate de colocar los nombres de las imagenes y todas las que quieras agregar.
En realidad lo que hace es al hacer click cambiar todas las imagenes por spacer.gif que vendria a ser una gif transparente de 1x1.
Y de paso tambien sirve como precarga para tus imagenes.
Saludos!

Código:

<html>
<head> 
<script language="JavaScript">
{
img1 = new Image ();
img1.src = "imagen1.gif";
img2 = new Image ();
img2.src = "imagen2.gif";
img3 = new Image ();
img3.src = "spacer.gif";
}
  function ima1()  {	document.images.ima1.src=img1.src;  }
  function ima2()  {	document.images.ima2.src=img2.src;  }
  function nada()  
{	
document.images.ima1.src=img3.src;  
document.images.ima2.src=img3.src;  
}
</script>
</head>
<body>
<a href="javascript:nada();">Ocultar imagenes</a><br>
<img src="" name="ima1" height="20" width="20"><br>
<img src="" name="ima2" height="20" width="20"><br>
<script>
{
ima1()
ima2() 
}
</script>
</body>
</html>

caricatos · #3 (**permalink**) 26/05/2005, 01:07

Hola:

A las imágenes se le pueden aplicar estilos, en concreto visibility:hidden

Se puede hacer un bucle sobre la colección de imágenes de una página, y asignar ese estilo:

for (i = 0, total = document.images.length; i < total; i ++)
with (document.images[i].style) visibility = "hidden";

Saludos

spockyto · #4 (**permalink**) 18/05/2010, 03:29

perfecto, funiona perfecto

¿si deseara ocultar imagenes de un determinado div?

GRacias