Defina un atributo src <img> en CSS

Question

Necesito definir un atributo src < img> en CSS. ¿Hay alguna manera de especificar este atributo?

Answer 1

#divID { 
background-image: url("http://imageurlhere.com"); 
background-repeat: no-repeat; 
width: auto; /*or your image's width*/ 
height: auto; /*or your image's height*/ 
margin: 0; 
padding: 0; 
} 

Answer 2

No, no hay. Puede especificar una imagen de fondo, pero eso es no lo mismo.

Answer 3

CSS no se utiliza para definir valores para los atributos del elemento DOM, JavaScript sería más adecuado para esto.

Answer 4

No. Lo más cerca que se puede conseguir el establecimiento de una imagen de fondo:

<div id="myimage"></div> 

#myimage { 
    width: 20px; 
    height: 20px; 
    background: white url(myimage.gif) no-repeat; 
} 

Answer 5

Tienen razón. IMG es un elemento de contenido y CSS se trata de diseño. Pero, ¿qué tal si usas algunos elementos o propiedades de contenido para propósitos de diseño? Tengo IMG en mis páginas web que debe cambiar si cambio el estilo (el CSS).

Bueno, esta es una solución para definir la presentación IMG (no realmente la imagen) en estilo CSS.
1: crea un gif transparente o png de 1x1.
2: Asigne el "src" correcto de IMG a esa imagen.
3: defina la presentación final con "background-image" en el estilo CSS.

Funciona como un encanto :)

Answer 6

simplemente esto como etiqueta img es un elemento de contenido

img { 
content:url(http://example.com/image.png); 
} 

Answer 7

Después de probar estas soluciones todavía no estaba satisfecho, pero he encontrado una solución en este article y funciona en Chrome, Firefox, Opera, Safari, Internet Explorer 8 +

#divId { 

    display: block; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    background: url(http://notrealdomain2.com/newbanner.png) no-repeat; 
    width: 180px; /* Width of new image */ 
    height: 236px; /* Height of new image */ 
    padding-left: 180px; /* Equal to width of new image */ 

}