Grndriss mit Zoom-Funktion auf Fotos

Hallo liebes Joomla Forum,
ich brauch einmal eure Hilfe, einmal zu mir: Ich verwalte grade die Homepage eines kleinen Cafés in Niedersachsen und habe eig. gute HTML-Kentnisse und was ich nicht weiß, da hilft mir eig. immer zu 90 % Google weiter. In diesem Fall bin ich jedoch überfragt.
Ich wollte ganz gerne auf die Seite "Räumlichkeiten" einen Grundriss legen, und an gewisse Stellen ein Lupen-Symbol einfügen, aus welcher Perspektive sich dann ein Foto öffnet. Ich hab den Grundriss schonmal soweit vorbereitet, wird nur noch ein bisschen verschönert.
Ich weiß einfach nichtt wonach ich suchen soll, evtl. ein Plugin für Joomla oder ein einfacher HTML-Code, vielleicht reicht mir auch schon der Name einer solchen Funktion, wenn dass schon öfter im Internet diskutiert wurde

Ich danke im Vorraus
Daniel

und so ungefähr, dass man auf die Lupe klickt und das Foto öffnet sich :)

Danke, das müsste funktionieren, ich denke ich brauch noch ein bisschen mit Grafik usw. aber wenn ich fertig bin schick ich mal nen Link rein

Hallo nochmal

Die Image Map ist genau das was ich gesucht habe, funktioniert an sich auch "fast"
In einer normalen HTML-Datei funktioniert sie einwandfrei, jedoch sobald ich es in einem Joomla Beitrag einfüge, funktioniert es auch fast, nur jeder Link ist immer ein Stück nach unten Rechts verschoben also die Koordinaten passen irgentwie nicht ganz

Na klar, entschuldige bitte...

Hier in Joomla: http://cafeamdeich.de/index.ph…ontent&view=article&id=65
Hier als HTML: http://cafeamdeich.de/kaputt.html

@ Joe: Danke dafür, werde ich mich die nächsten Tage auch mal mit auseinander setzen wenn ich den Mouseover nicht hinbekomme

@ Frank: Das war der Fehler, habs einfach auf 900x1603 skaliert und die koordinaten neu eingegeben, jetzt funktionierts

Zu dem Mouseover, wenn ich schon dabei bin, ich bekomms einfach nicht hin, hab schon mit dem JCE Java aktiviert und diesen Code probiert:

<script language="javascript" type="text/javascript">// <![CDATA[
function ReplaceImage(filename) {
document.getElementById("imagemap").src = filename;
}
// ]]></script>
<img src="/images/grundrisscafe.jpg" width="1067" height="1900" border="0" usemap="#map" />


<map name="map">
<area shape="rect" coords="478,354,502,382" href="images/saal3.jpg" data-lightbox="on"  onmouseover="ReplaceImage('images/saal2a.png')"/>
<area shape="rect" coords="479,598,504,626" href="images/saal1.jpg" data-lightbox="on"/>
<area shape="rect" coords="668,594,693,622" href="images/saal2.jpg" data-lightbox="on"/>
<area shape="rect" coords="280,851,305,879" href="images/kamin.jpg" data-lightbox="on"/>
<area shape="rect" coords="286,1087,311,1115" href="images/tisch1.jpg" data-lightbox="on"/>
<area shape="rect" coords="527,997,552,1025" href="images/tresen.jpg" data-lightbox="on"/>
</map>

aber mit java bin ich auch überfragt, das hab ich noch nie gemacht