[Sweet]

В таких случаях обработчик вешается на родительский элемент картинок, а там уже можно определить на какой именно картинке произошел клик и пр. Пример:

<style>
img { position: absolute; }
</style>
<div id="example">
  <img src="http://javascript.ru/forum/images/smilies/help.gif" id="img1">
  <img src="http://javascript.ru/forum/images/smilies/write.gif" id="img2">
</div>
<script>
document.getElementById('example').onclick = (function(){
  var imgs = {
        img1: document.getElementById('img1'),
        img2: document.getElementById('img2')
      }, current = 'img1';

  imgs.img2.style.display = 'none';

  return function(){
    imgs[ current ].style.display = 'none';
    current = current === 'img1' ? 'img2' : 'img1';
    imgs[ current ].style.display = '';
  };
}());
</script>