Gast: bei MouseOver soll woanders ein Bild angezeigt werden

SELF-Forum

bei MouseOver soll woanders ein Bild angezeigt werden

Gast
– Informationen zu den Bewertungsregeln

Hi,

ich habe eine Frage zu einem Feature...ich hab keine Ahnung wie ich das realisieren kann.

Ich habe eine Landkarte (ein Bild) und möchte diese in verschiedene Teile unterteilen. Diese Teile sollen später Links werden.

Wenn ich jetzt über einen der Links gehe, soll daneben in einer Tabelle ein Bild angezeigt werden (nur MouseOver).

Wie kann ich das machen? Java Skript (wovon ich natürlich keine Ahnung habe - aber vielleicht hilft mir mein Dreamwaver da weiter?)?

Beispiel, so wie ich das auch haben will ist:

http://www.frogandtoad.com.au/home/map.html

Wenn ihr auf der Landkarte seit wird daneben ein kleines Bild geöffnet, verschwindet aber, wenn ihr mit der Mouse weggeht.

Bitte um Hilfe...wenn möglich an meine E-Mail Addy schreiben

thx

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. bei MouseOver soll woanders ein Bild angezeigt werden

    Siechfred
    +3 Informationen zu den Bewertungsregeln

    Tag Gast.

    Wenn ich jetzt über einen der Links gehe, soll daneben in einer Tabelle ein Bild angezeigt werden (nur MouseOver).

    Da helfen dir sicher folgende Kapitel in Selfhtml:

    Bitte um Hilfe...wenn möglich an meine E-Mail Addy schreiben

    Deine Addy schreibt E-Mails? Cool.

    Siechfred

    --
    Zum Testen freigegeben: Siechfreds kleines Weblog
    Wer Fehler findet, bitte an die angegebene E-Mail schicken. Danke.
    Beitrag melden
    +3
    Informationen zu den Bewertungsregeln

  2. bei MouseOver soll woanders ein Bild angezeigt werden

    Joachim Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Wenn ich jetzt über einen der Links gehe, soll daneben in einer Tabelle ein Bild angezeigt werden (nur MouseOver).

    Dazu musst Du die Karte unterteilen oder als Imagemap anlegen. Wie schon von Sichfred erwaehnt sind dann gewisse eventhandler noetig, um eine Aktion auszuloesen.

    Um es Dir leichter zu machen ein Arbeitsbeispiel ohne jede Fehlerbehandlung und auch nur fuer Dom-faehige Browser. Versuche zu analysieren, suche die Begriffe in der Objektreferenz und _dann_ frag nach, was Du nicht verstehst:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html><head></head><body>
    <a href="#" onmouseover="document.getElementById('myimg').style.visibility='visible'" onmouseout="document.getElementById('myimg').style.visibility='hidden'">link
    <img id="myimg" style="position:absolute;top50px;left50px;visibility:hidden" src="DEINBILD.gif" width="155" height="158" border="0" alt=""></a>
    </body></html>

    Das Bild wurde per css-absolut plaziert da Du es ja vermutlich ueber die Karte legen willst.

    Bitte um Hilfe...wenn möglich an meine E-Mail Addy schreiben

    nein, das ist hier unueblich.

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln