В таких случаях обработчик вешается на родительский элемент картинок, а там уже можно определить на какой именно картинке произошел клик и пр. Пример:
<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>