wild,
<img src="color1.jpg" id="img">
<a href="#color1" class="abc">Цвет 1</a>
<a href="#color2" class="abc">Цвет 2</a>
<a href="#color3" class="abc">Цвет 3</a>
<a href="#color4" class="abc">Цвет 4</a>
<a href="#color5" class="abc">Цвет 5</a>
<script>
window.onload = function () {
document.body.onclick = function (e) {
e = e || event;
target = e.target || e.srcElement;
if (target.tagName == "A" && target.className == "abc" && target.href.indexOf("#")) {
document.getElementById("img").src = target.href.split("#")[1]+".jpg";
}
}
}
</script>