azurro: grafik mit onMouseover in einer anderen grafik anzeigen?

SELF-Forum

grafik mit onMouseover in einer anderen grafik anzeigen?

azurro
– Informationen zu den Bewertungsregeln

Also ich hab mal die Suchfunktion bemüht, aber keine befriedignede Antwort da gefunden.
Was ich gerne machen würde ist folgendes:

ich habe ein Bild (http://free.pages.at/hypobar/guncopy.jpg), in dem ich mit map und area einen bestimmten Bereich (in dem Fall das rechte Auge)als Rechteck definiert habe.
Jetzt würde ich gerne es so haben daß, wenn man mit der Maus über den Bereich fährt, dort ein kleines .gif-bild angezeigt wird.

ist das
a) überhaupt möglich, "auf" bzw. "in" einem Bild ein anderes anzuzeigen?
b) wenn ja, geht das mit onMouseover?
c) wenn ebenfalls ja, wie mach' ich das?

Ich muß zugeben, von javascript hab ich keine ahnung. Mich da jetzt intensiv einzuarbeiten dauert lang bzw. is für mich wahrscheinlich eh unmöglich, da ich leider kaum computerkenntnisse hab. Ich habe mir das so vorgestellt daß es da evtl. einen befehl geben müßte der einfach nur das bild anzeigt? so wie 'alert' oder k.a. was es da so gibt?

Falls mir jemand weiterhelfen kann, wär' ich jedenfalls dankbar.

ah ja p.s.:

Mein äußerst stümperhafter Ansatz sieht bislang SO aus:

"<HTML>
<HEAD>

</HEAD>

<BODY BGCOLOR="#000000" link="#EDFC45" vlink="#C0C0C0" alink="#FF0000">
<map name="karte">
<area shape="rect" coords="353,158,373,178" onMouseover="HIER SOLL EINE GIF-GRAFIK ERSCHEINEN">
</map>
<center>
<img src="gungcopy.jpg" alt="joalter" usemap="#karte">
</center>
</BODY>
</html>"

Vielen Dank und viele Grüße,
azurro

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. grafik mit onMouseover in einer anderen grafik anzeigen?

    Sebi_E
    – Informationen zu den Bewertungsregeln

    Hi azurro!

    Erst einmal glaube ich dich beruhigen zu können. Meiner Meinung nach müsste das gehen. Ich habe zwar selbst nicht so viel Ahnung von Javascript und deshalb kann ich dir keinen konkreten Lösungsvorschlag geben. Aber mit dem <div>...</div> Element kann man zumindest schonmal Grafiken übereinander anzeigen lassen (SelfHTML/CSS/CSS-Eigenschaften/Positionierung und Anzeige von Elementen). Wie man das jetzt genau mit onMouseOver kombinieren kann, kann ich dir leider nicht sagen. Aber jetzt haste immerhin nen Anfang.

    mfg Sebi

    P.S.: Übrigens: die URL von deinem Bild geht nicht

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. grafik mit onMouseover in einer anderen grafik anzeigen?

      azurro
      – Informationen zu den Bewertungsregeln

      Hi azurro!

      Erst einmal glaube ich dich beruhigen zu können. Meiner Meinung nach müsste das gehen. Ich habe zwar selbst nicht so viel Ahnung von Javascript und deshalb kann ich dir keinen konkreten Lösungsvorschlag geben. Aber mit dem <div>...</div> Element kann man zumindest schonmal Grafiken übereinander anzeigen lassen (SelfHTML/CSS/CSS-Eigenschaften/Positionierung und Anzeige von Elementen). Wie man das jetzt genau mit onMouseOver kombinieren kann, kann ich dir leider nicht sagen. Aber jetzt haste immerhin nen Anfang.

      mfg Sebi

      P.S.: Übrigens: die URL von deinem Bild geht nicht

      Hi sebi, vielen Danke erstmal.
      Ok dann werd ich mir mal die Eigenschaften von positionierungen mit div genauer angucken. Theoretisch ergibt sich da auch schon ne Lösung in meinem Kopf, weil dann könnte man ja evtl. mit absoluter positionierung einfach 2 Grafiken an die Stelle setzen und mit mouseover vertauschen lassen (die funktion gibts ja als beispiel in selfhtml; ich copy+paste sie halt immer ohne sie zu kapieren ;-)).
      Danke dir erstmal. Falls Fir oder jemand anders noch andere Sachen einfallen, immer her mit den Ideen.
      Wahrscheinlich werd ich eh in ner Stunde den nächsten thread a la "wie positioniere ich mit <div> starten (nur'n scherz) ;-)

      korrekte url is übrigens http://free.pages.at/hypobar/gungcopy.gif
      und aufs auge soll dann http://free.pages.at/hypobar/py.gif.

      Wobei ich grad merke daß das in meinem browser nur einmal animiert läuft, es aber eigentlich im loop abspielen soll... egal nächste frage, anderes forum :-/

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. grafik mit onMouseover in einer anderen grafik anzeigen?

      Detlef G.
      – Informationen zu den Bewertungsregeln

      Hallo Sebi

      ... Aber mit dem <div>...</div> Element kann man zumindest schonmal Grafiken übereinander anzeigen lassen

      Was hat das Div-Element damit zu tun?
      Es ist möglich Grafiken mit position:absolute übereinander zu legen.
      Es ist sehr vieles mit Javascript, mit Javascript und CSS, oder auch nur mit
      CSS möglich.

      Ein Div-Element wird dazu nicht benötigt!

      Auf Wiederlesen
      Detlef

      --
      - Wissen ist gut
      - Können ist besser
      - aber das Beste und Interessanteste ist der Weg dahin!
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. grafik mit onMouseover in einer anderen grafik anzeigen?

    azurro
    – Informationen zu den Bewertungsregeln

    hohoho, es funktioniert!
    Sicher in extrem schlechten html geschrieben jetzt, was mir zunächst mal aber egal is.

    Wenn mir aber jemand sagen möchte, wie das ganze in "elegant" oder "richtig" gecodet wäre, fänd ich's auch willkommen, weil wirklich kapiert was ich da mache hab ich immer noch nich ;-)

    http://free.pages.at/hypobar/index4.html

    na denn, vielen Dank :-)

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln