[Vlasenko Fedor]

<style>
.toggle{position: reltive; display:inline-block;}
.toggle input {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  position:absolute;
  z-index:2;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}
.toggle>img{display:none;}
.toggle input:checked + img {
  display:block;
}
.toggle input:checked ~ span {
  display:none;
}
</style>
<span class="toggle">
    <input type="checkbox"/>
    <img src="http://javascript.ru/forum/images/smilies/dance3.gif" title="222" />
    <span><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="222" /></span>
</span>
<span class="toggle">
    <input type="checkbox"/>
    <img src="http://javascript.ru/forum/images/smilies/dance3.gif" title="222" />
    <span><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="222" /></span>
</span>
<span class="toggle">
    <input type="checkbox"/>
    <img src="http://javascript.ru/forum/images/smilies/dance3.gif" title="222" />
    <span><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="222" /></span>
</span>