Eliminar imágenes de una web

spockyto · #1 (**permalink**) 26/09/2009, 03:38

he encontrado y revisado algunos javascripts que eliminan las imágenes de un sistio web (algunas no puede cuando son estilios en linea pero es facil arreglarlo)

un ejemplo

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<style type="text/css">
  .imagenNO {display:none;}
  .imagen {display:block;}
</style>
<script type="text/javascript">
	function mostrarImagenes(recolocar) {
	/** recolocar indica que se recoloque el documento **/
	/** si no recolocamos, solo ocultamos las imágenes **/
	
	  for (x=0;x<document.images.length;x++){
		if (recolocar == "mostrar"){
		  document.images[x].className = "imagen";
		  document.images[x].style.visibility = "visible";
		   document.getElementById('ocultar1').style.display = "";
		   document.getElementById('ocultar2').style.display = "";
		   document.getElementById('mostrar').style.display = "none";
	   }else if(recolocar == "ocultar1"){
		 document.images[x].className = "imagenNO";
		 document.getElementById('ocultar1').style.display = "none";
		 document.getElementById('ocultar2').style.display = "none";
		 document.getElementById('mostrar').style.display = "";
	   }else if(recolocar == "ocultar2"){
	     document.images[x].style.visibility = "hidden";
		  document.getElementById('ocultar1').style.display = "none";
		 document.getElementById('ocultar2').style.display = "none";
		 document.getElementById('mostrar').style.display = "";
		}
	  }
	}
	

</script>
<title>Ocultar imagenes</title>
</head>
<body>

<h1>Ocultar imagenes</h1>

 <p><img src="banner.png" width="468" height="60" align="left">Esto es un documento de prueba. Este parrafo tiene una imagen debajo. Esto
es un documento de prueba. Este parrafo tiene una imagen debajo. Esto es un
documento de prueba. Este parrafo tiene una imagen debajo. Esto es un documento
de prueba. Este parrafo tiene una imagen debajo.Esto es un documento de prueba.
Este parrafo tiene una imagen debajo. Esto es un documento de prueba. Este parrafo
tiene una imagen debajo. Esto es un documento de prueba. Este parrafo tiene
una imagen debajo. Esto es un documento de prueba. Este parrafo tiene una imagen
debajo.</p>
<p align="center"><img src="apply_f2.png" width="32" height="32">

<img class="imagen" id="i1" src="lineadecodigo.miniatura.jpg"></p>

<p> <img class="imagen" id="i2" src="silverlight.gif" style="float:left;">
Esto es un documento de prueba. Este parrafo tiene una imagen a su izquierda.
Esto es un documento de prueba. Este parrafo tiene una imagen a su izquierda.
Esto es un documento de prueba. Este parrafo tiene una imagen a su izquierda.
Esto es un documento de prueba. Este parrafo tiene una imagen a su izquierda.Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda.Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda.Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda.Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda. Esto
es un documento de prueba. Este parrafo tiene una imagen a su izquierda.</p>

<div id="ocultar1"><p align="center"><a href="#" onClick="mostrarImagenes('ocultar1');">Quitar im&aacute;genes recolocando</a></p></div>
<div id="ocultar2"><p align="center"><a href="#" onClick="mostrarImagenes('ocultar2');">Quitar im&aacute;genes sin recolocar</a></p></div>
<div id="mostrar" style="display:none"><p align="center"><a href="#" onClick="mostrarImagenes('mostrar');">Mostrar im&aacute;genes </a></p></div>
</body>
</html>

El caso es que es lo que buscaba pero al verlo, modificarlo e integrarlo he he dado cuenta de que me gustaria ocultar las imágnes pero mostar el texto alternativo

¿¿¿alguna idea de como lograrlo???

Gracias

Daniel Ulczyk · #2 (**permalink**) 26/09/2009, 08:25

Tema movido desde el foro de Accesibilidad y Usabilidad