Få länkad bild att öppnas på samma sida

När jag i texten på en sida med html/php gör en länk till en bild, vill jag att den skall öppnas i en bildruta som jag har på sidan. Borde vara enkelt men jag får inte till det ?
Den öppnas hela tiden på en ny sida, ett nytt fönster eller i en ny flik.
Jag har en CSS-class som borde lägga bilden på rätt plats, men det gäller att få webbläsaren att förstå att det skall ske på samma sida som där länken står.

Vem har ett råd? Har Googlat men inte hittat detta.

<img>

<div>

<img>

.src

Tack Måns97!
Jag lyckades inte få ditt script att fungera, men din länk till W3schools gav mig nästan den information jag behövde.
Tyvärr är jag urkass på JavaScript. Det fungerar nu men inte riktigt bra. Det går bara att byta bild en gång, sedan är det stopp. Eftersom jag har fyra bilder att byta mellan skulle det behövas någon nollställning av föregående när man klickar på nästa.

Du kan se hur långt jag kommit http://scandinavianvillage.net/se/lgh-test.php Här!

Tack Jesper!
Jag började med en JS-variant i går. Den blev rätt bra, förutom att det går inte att klicka på kapp 1 efter att jag klickat på knapp 2 o.s.v. Tyvärr är mina kunskaper i JavaScript bristfälliga. Så här ser koden ut:

<div class="sidbild1">
<img id ="3Dbildplan1" src="" width="802" height="536"></div>
<script>
function plan1() {
document.getElementById("3Dbildplan1").src = "http://xxx/img/plan/3D-plan-bottomfloor.jpg";
}
</script>

<div class="sidbild2">
<img id ="3Dbildplan2" src="" width="802" height="536"></div>
<script>
function plan2() {
document.getElementById("3Dbildplan2").src = "http://xxx/img/plan/3D-plan-flor2-4-5.jpg";
}
</script>
<div class="sidbild3">
<img id ="3Dbildcorner" src="" width="802" height="536"></div>
<script>
function plancorner() {
document.getElementById("3Dbildcorner").src = "http://xxx/img/plan/3D-plan-outsidecorner.jpg";
}
</script>
<div class="sidbild4">
<img id ="3Dbildplan302" src="" width="802" height="536"></div>
<script>
function plan302() {
document.getElementById("3Dbildplan302").src = "http://xxx/img/plan/3Dplan-302_305.jpg";
}

</script>

<button onclick="plan1()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet i bottenplan.</p>
<p><strong>Plan 2-5: Stor terrass, utsikt över poolen och 2-3 rum</strong><u> </u></p>
<p>På plan 2-5 finns lägenheter om antingen har 2 rum (boyta cirka 70-85 kvm) eller 3 rum (boyta cirka 100 kvm) och stor terrass (cirka 25-30 kvm) med utsikt över poolen.</p>
<p>
<button onclick="plan2()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ plan 2, 4 och 5.</p>
<p>
<button onclick="plancorner()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ plan 2-5 med utter- eller innerhšrn .</p>
<p>
<button onclick="plan302()"><h2>Klicka här</h2></button> för att se 3D-planritning över lägenhet pŒ tredje vŒningen.

Vad skall jag lägga till för att kunna köra sekvensen flera gånger?

Det blev din php-lösning som jag lyckades använda till sist. Javascript gick bara en runda, sedan blev det stopp.
Du kan se resultatet här:
http://scandinavianvillage.net/se/lgh.php
scrolla ner lite till 3D-planerna.

Tack för hjälpen!