Делаем смену картинки по клику на кнопку.

Для этого нам нужен такой html код.

<h1>Что может делать JavaScript?</h1>
<p>Можем изменить картинку по клику на кнопку..</p>
<p>В этом случае JavaScript изменит атрибут
SRC (источника) изображения.</p>
<button onclick="document.getElementById('myImage')
.src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage')
.src='pic_bulboff.gif'">Turn off the light</button>

Здесь вы можете посмотреть как можно изменять картинки при наведении курсора с помощью только css!