[...] ich bin das erste Mal im Forum [...]

Herzlich willkommen, denn "hier werden Sie geholfen" 😀

[...] Ich möchte gern, dass mit einem Mausklick auf das Foto das hintere Foto nach vorn wechselt. [...]

Nichts ist leichter als das...

Da Du jedes Objekt mit einem Link auf eine URL-, einen Anker-, eine Ebene-, etc. ausstatten kannst, musst Du nur dafür sorgen, dass jedes Bild einen Link auf das jeweils andere Bild bekommt.
Nehmen wir an, dass Du das erste Bild ganz normal in der MouseOff Ebene angelegt hast, dann legst Du das 2. Bild (deckungsgleich) in einer neuen Ebene an, die Du z. B. "Bild2" nennst.

Dem Bild 1 gibst Du nun einen Link auf die neu angelegte Ebene "Bild2", die dadurch automatisch zu einer popup Ebene wird, sie ist also beim Öffnen der Seite zunächst unsichtbar.

Dem Bild 2 verpasst Du nun einen pseudo Link (popup: close "Bild2"), der dafür sorgt, dass nach einem Klick auf das Bild 2, die popup Ebene wieder geschlossen wird und damit das Bild1 wieder sichtbar wird.

Das war's 😊

Einen kleinen Nachteil hat die Lösung: Du darfst den Mauszeiger nicht auf einer Position stehen lassen, nachdem du den ersten Klick gemacht hast. Die Maus muss vor dem 2. Klick mindestens 1-2 mm bewegt worden sein...

Schau Dir mal hier die online Demo zu dem o. a. Beispiel an. Die lauffähige Projektdatei kannst Du hier herunterladen.

Viel Erfolg