Bilder mit mehreren Links übereinander anzeigen?

[Amateur014]

Hallo Zusammen,
mit welchem Code kann ich mehrere Bilder immer anderselben Stelle anzeigen?
Die Bilder wären untereinander verlinkt, sodass ein Klick auf das 1. Bild zum nächsten führt usw.
Wichtig wäre nur, dass immer nur 1 Bild angezeigt wird und immer anderselben Position.
Auch die Abmessungen der Bilder wären alle identisch.

Ich brauche hier keine Diashow (auch wenn es so scheint aussieht), sondern wirklich eine Verlinkung von einem Bild zum nächsten, sodass an derselben Stelle immer nur 1 Bild sichtbar bzw. aktiv ist).

Wäre super nett, wenn mir ein Profi hier ein paar Zeilen html-Code zukommen lassen könnte. :)

 

[Sempervivum]

Wenn Du keine Übergangseffekte brauchst und die Bilder durchnummerieren kannst, image1.jpg, image2.jpg, ..., ist es sehr einfach:
Javascript:

<script>
var idxImg = 1;
var idxMaxImg = 8;
function changeImg() {
     if (idxImg < idxMaxImg) idxImg++; else idxImg = 1;
     document.getElementById("image").src = "image" + idxImg +".jpg";
}
</script>

HTML:

<a href="javascript:changeImg()"><img id="image" src="image1.jpg"></a>

Edit: Da erscheint so ein blöder Rahmen, wenn man klickt. Wie man diesen unterdrückt, wird hier beschrieben:
http://stackoverflow.com/questions/...hich-appears-around-a-tag-when-we-click-on-it
Oder man lässt das a-Tag weg und legt ein onclick auf das img-Tag:

<img id="image" src="image1.jpg" onclick="changeImg()">