Is it possible to change img src attribute using css?

Question

I'm trying to change img src (not the background img src) with css

<img id="btnUp" src="img/btnUp.png" alt="btnUp"/>  

#btnUp{
    cursor:pointer;
}
#btnUp:hover{
    src:img/btnUpHover; /* is this possible ? It would be so elegant way.*/
}

Answer 1

You can use :

content: url("/_layouts/images/GEARS_AN.GIF")