Quitar cuadradito con aspa roja en imagenes

mdromed · #1 (**permalink**) 04/09/2012, 17:02

Hay alguna manera de que desaparezca el cuadradito con una aspa roja dentro cuando una imagen no se carga en nuestra web?
He encontrado una manera de hacerlo con jquery: http://www.bufa.es/eliminar-imagenes-rotas/
pero lo mejor seria poder hacerlo con css.

Gracias de antemano.

mdromed · #2 (**permalink**) 04/09/2012, 17:03

Por favor moved el tema a "CSS" mejor

emprear · #3 (**permalink**) 05/09/2012, 13:21

Cita:

Iniciado por mdromed

Por favor moved el tema a "CSS" mejor

necesitas de javascript, y usar jQuery solo para eso es un poco exagerado, para el tag img dispones del evento onerror.

Ejemplo

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
function Error(){
// comando/accion
}
</script>
</head>
<body>
<img src="logo.gif" onerror="Error()" />
</body>
</html>

saludos

mdromed · #4 (**permalink**) 06/09/2012, 04:37

Cita:

Iniciado por emprear

necesitas de javascript, y usar jQuery solo para eso es un poco exagerado, para el tag img dispones del evento onerror.

Ejemplo

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
function Error(){
// comando/accion
}
</script>
</head>
<body>
<img src="logo.gif" onerror="Error()" />
</body>
</html>

saludos

OK. Muchas gracias, pero con CSS no se puede?

emprear · #5 (**permalink**) 06/09/2012, 07:40

En primer lugar, no todos los navegadores te muestran algún tipo de marca, y como la idea es remover el espacio que se reserva para la imagen no cargada(de hecho Firefox lo remueve), necesitas de javascript.
Aún cuando a tus img les asignes una imagen de fondo que pudiera ser más descriptiva, o definas un atributo alt para la img, la marca, en IE y Chrome, va a seguir apareciendo.

Probalo en distintos browsers y vas a ver que el comportamiento es bastante irregular.
Saludos