¿Cómo ocultar elementos img que no tienen atributo src, hasta que se agregue el atributo?

Question

Mi código JS incluye algunas imágenes que están vacías al principio (sin el atributo SRC especificado en absoluto + Display: Ninguno).

Cuando se agrega a sitios con compatibilidad CSS1, veo un ícono de imagen roto donde debería estar la imagen, aunque Se supone que las imágenes no deben mostrarse. (pantalla: ninguna).

¿Alguna idea de cómo puedo ocultar los íconos de imágenes rotas?

Notas:No quiero cargar imágenes vacías.Probé ancho y alto = 1px o 0px.no funcionó.Al especificar src="" también se obtienen iconos de imagen vacíos.

Editar:Encontré la solución:agregue style="display:none" a la definición de img (no en CSS)

Answer 1

¿Usted ha intentado envolver las imágenes dentro de un div y ocultar el div en su lugar?

Answer 2

Mi código JS incluye algunas imágenes que están vacías al principio (sin el atributo src especificado)

Ese no es un estado válido para una imagen.Lo mejor es utilizar una imagen transparente de marcador de posición o dejar la imagen fuera del DOM hasta que puedas establecer un atributo src "real".

Veo un ícono de imagen rota donde debería estar la imagen, aunque se supone que las imágenes no deben mostrarse (pantalla: ninguna).

A mí tampoco me pasa 'display:ninguno' o 'visibilidad:oculto' elimina la imagen visible de la página.¿Código de ejemplo que demuestra el problema y qué navegador(es)?

Answer 3

La solución es bastante simple:

añadir style = "display: none" a la definición img (No en CSS)

Answer 4

¿Qué hay de sólo tener una etiqueta div marcador de posición y su sustitución por una imagen cuando llegue el momento de mostrar la imagen? todo marco ajax decente (por ejemplo jQuery) hará que este fácil de hacer por lo que funciona en todos los principales navegadores

Answer 5

Además de display: none, quizás tratar de establecer la visibilidad: oculto

Answer 6

Si está utilizando una biblioteca JavaScript que puede valer la aplicación de una clase para nombrar a todas estas imágenes y dejar que la biblioteca manejarlo. ejemplo prototipo utilizando un nombre de clase de myimages sería

var images = $$('.myImages');

if (image != null)
{
    for (int i = 0; i < images.Length; i++)
    {
        images[i].hide;
    }
}

Usted todavía tiene que añadir el atributo style style = "display: none;" a las imágenes