Busco código Javascript para visualizar texto al deshabilitar imágenes
2 seguidores
Hola!
Básicamente mi pregunta es lo que he escrito en el título del post. No sé si se puede hacer esto; Si has maquetado en las CSS una sangría de texto negativa, para sustituir un h1 por una imagen de fondo, por ejemplo, ¿cómo hacer que el usuario vea el texto si tiene deshabilitadas las imágenes?
Me han comentado que esto es posible con un javascript. Sabeis algo al respecto?
Gracias!!
Usuario desconocido
Muy sencillo, aplicando ese sangría negativa mediante JS. Puedes hacerlo creando una class con el text indent negativo. Mediante js, una vez se cargue la página, le aplicas esa clase a todos los elementos que quieras.
cottonfields Plus
Gracias Mambrú, pero me parece que ando bastante perdida. Sé maquetar con XHTML y CSS, pero si tengo que darle una orden a través de javascript, ya me pierdo (he aplicado alguna vez galerías js, pero nada más). Por casualidad no sabríais de algún ejemplo para verlo "insitu"?
txuma
No es necesario utilizar Javascript para eso, sino aplicar otra técnica de reemplazo. Te dejo el enlace a una página que analiza varias posibilidades:
http://css-tricks.com/nine-techniques-for-css-image-replacement/
Mi opinión es que la técnica que mejor degrada es la 8, a pesar del span extra que hace falta.
cottonfields Plus
Gracias Txuma!! Voy a hacer la prueba ahora mismo y me lo miro. Creo que acabas de salvarme el pellejo!
Usuario desconocido
SI utilizas Jquery, podrías hacerlo así:
$(document).ready(function(){
$("h1, #unelemento, .otroelemento, #otroelementomas").addClass("reemplazo");
});
Y con Js directamente, sin utilizar ningún framework, lo que puedes hacer es lo siguiente.
defines esto en tu css
.indentado { text-indent:0;}
.reemplazo .indentado { text-indent:-999em;}
y preparas el js, así:
function reemplazar (){
var isSupported = document.getElementById && document.getElementsByTagName;
if (isSupported) {
document.documentElement.className = "reemplazo";
}
}
Así, si js está activado, el body cogerá una class .reemplazo, con lo que todos los elementos .indentado cogerán su text-indent negativo
cottonfields Plus
Este otro me lo tendré que estudiar más detenidamente, pero me es tan necesario como el de Txuma.
Lo dicho, una maravilla con vosotros. Gracias otra vez!!