Define an <img>'s src attribute in CSS

Question

I need to define an <img>'s src attribute in CSS. Is there a way to specify this attribute?

Answer 1

No there isn't. You can specify a background image but that's not the same thing.

Answer 2

#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 3

CSS is not used to define values to DOM element attributes, javascript would be more suitable for this.

Answer 4

No. The closest you can get is setting a background image:

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

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

Answer 5

To elaborate, you can really only control (via CSS) things you'd put into an HTML element's style attribute. Since image source is controlled in the src attribute, you'd have to use a method like Ronnie's to do what you want.