Смена картинки кнопки при нажатии и обратно при повторном нажатии

[ruslan_mart]

clecar, вообще лучше не использовать лишний раз обработчики-атрибуты, потому что по факту это eval + with (который устарел), а это не есть хорошо.

[clecar]

ruslan_mart, Спасибо!

[clecar]

Взял себе .
<style>
.widget_div::after {content: url('1.png');}
.widget_div--on::after {content: url('2.png');
}
</style>
<div class="widget_div" onclick="this.classList.toggle('widget_div--on')"></div>

[Dilettante_Pro]

ruslan_mart, а зачем ::after ?

<style>
.widget_button {
   content: url('http://javascript.ru/cat/list/donkey.gif');
}

.widget_button--on {
   content: url('http://javascript.ru/cat/list/js.gif');
}
</style>
<div class="widget_button" onclick="this.classList.toggle('widget_button--on')"></div>

[laimas]

Dilettante_Pro,
content используется как раз совместно с before/after, а так как вы предлагаете не будет отображаться в FF, IE.

[Dilettante_Pro]

laimas,

не будет отображаться в FF, IE.

И действительно - не работает. Спасибо.