что-то типа такого
<style>
body > img {
display: none;
}
body > img:first-child {
display: inline;
}
</style>
<body>
1<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
2<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
3<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
4<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
<script>
window.onload = function () {
document.body.onclick = function (e) {
e = e || event;
var target = e.target || e.srcElement;
if (target.tagName == 'IMG' && target.nextElementSibling.tagName == 'IMG') {
target.style.display = 'none';
target.nextElementSibling.style.display = 'inline';
}
}
}
</script>