hallo,
indem du <div style="position:absolute; left:xxx; top:xxx, width:xxx; height:xxx; z-index=2" onmouseover="xxx" onclick="xxx"> über die türen legst, das bild muss dan z-index 1 haben
grüße,
felix

Hi Klaus,

lies dir mal folgende Anleitung durch:
Verweis-sensitive Grafiken, erklärt bei Selfhtml.

Gruß derpfleger

Nach kurzer Suche im Netz bin ich auf eine Lösung nur mit CSS gestoßen: http://www.moryson.net/eintrag.cfm?eid=8

@ Felix099

welche Sprache ist das?

Was bedeuten die "XXX" ?
Nach "position" vermute ich die Position auf dem Bild in Pixel.
Nach "onmouseover" vermute ich Text.
Nach "onclick" das zu öffnende Foto.

Muß dafür im Header oder sonst wo noch irgendwas eingegeben werden?


Zu den anderen Antworten, mu ich mal erst nachschauen.

Danke, Gruß Klaus

die xxx bedeuten folgendes:
left: abstand des linken randes der unsichtbaren schaltfläche zum linken rand des bildschirms.
top: oberer rand .... zum oberen rand des bildschirms
height: höhe der unsichbare schaltfläche
width: breite ....
onmouseover: da muss ein javascript hin, welches den gewünschten text in einem div einblendet (z.b. visibility:show / visibilty:hide). alternativ funktioniert in vielen browers auch "title=xxx" wobei xxx der gewünschte text ist (ein tooltip-text)
onclick: dort muss ein javascript hin, welches ausgeführt wird, wenn der benutzer einmal kurz klickt und die maus dann wieder loslässt.

die sprache ist HTML und CSS (cascading style sheets) und für die dynamischen einblendungen javascript; d.h. nur clientseitige befehle, die dir kein provider verbieten kann.

Hallo,
mit dem Vorschlag von Felix099 komm ich gar nicht klar.

Mit den Vorschlag von derpfleger bin ich gerade am experimentieren.

Die unsichtbare Schaltfläche klappt soweit, nur, wie bekomme ich diese immer auf den gleichen Bildinhalt, z.B. immer auf die Tür?
Zumal jeder Anwender seinen Browser individuell eingestelt hat?

Nach anklicken der Schaltfläche soll die neue Grafik in einem extra Fenster mit maximaler 1/3 Größe des Haupfensters, aber als Komplettbild, erscheinen.
Ich bekomme momentan nur ein neues Fenster in der Größe des Hauptfensters hin.
Wie krieg ich das geregelt?

Gruß Klaus

Solange das Bild eine feste größe hat, geht das immer.

Da kann der Benutzer auch rumkonfigurieren wie er will - setze sicherheitshalber bei dem <img> tag breite und höhe des Bildes ein, damit nicht skalliert wird.

Die koordinaten kannst du mit Paint rausfinden, da diese immer von der gleichen Bildecke wie Paint gerechnet werden... Wenn es Pixelgenau sein soll, must du eventuell +/- 1 Pixel immer rechnen.

Bei der Javascript-Lösung und bei der reinen CSS-Lösung wird mit absoluten Positionierungen der unsichtbaren Schaltflächen gerechnet. Das kann nur gutgehen, solange der Betrachter an seinem Browser keine Skalierung vornimmt (Schriftgrößenänderung). Mit der Lösung via verweis-sensitive Grafik hast du dieses Problem nicht. Allerdings ist diese Lösung nicht barrierefrei. Wenn du also barrierefrei bleiben willst, solltest du noch eine alternative Navigation anbieten, die all jene nutzen können, die die Bilder nicht zu sehen bekommen. Ansonsten kannst du mit irgendeinem Bildbearbeitungsprogramm die Positionen ermitteln, mit denen du pixelgenau für die verwendete Grafik/Bild den Bereich angeben kannst, der als Schaltfläche dienen soll. Wenn du dazu noch weitere Fragen hast, solltest du gleich mitposten, mit welchem Bildbearbeitungsprogramm du arbeitest.

Das scheint dann wieder eine Javascript-Sache zu sein, damit kenne ich mich leider nicht aus. Poste die Frage vielleicht auch noch im Javascript-Forum hier auf dem Board. Ist sicher keine große Sache.

Gruß derpfleger

Da ich mich mit JavaScript nicht auskenne muss jemand anderes beantworten, ob es die Möglichkeit gibt, mit relativen Werten (1/3 der Größe des normalen Browserfensters) zu arbeiten. Wenn ja, dann hast du allerdings ein Problem, denn wenn jemand seinen Browser nicht im Vollbildmodus betreibt könnte 1/3 davon recht klein werden. Wenn nein, dann müsstest du absolute Werte für Breite und Höhe angeben.
Und wenn jemand JavaScript ausgeschaltet hat ist es egal, was du angibst ...