OnMouseOver bei Hintergrundbild

[lll]

Hallo! Wäre toll, wenn ich von euch einen Tipp bekommen könnte!

Ich habe auf meiner Startseite eine verweissensible Grafik und ein Hintergrundbild (Motiv nur Struktur).

Die verweissensible Grafik hat OnMouseOver-Effekte, es wird jeweil ein anderer kurzer Text in einem Textfeld daneben angezeigt.

Ich hätte jetzt gerne, dass bei OnMouseOver auf dem Hintergrund, die Aufforderung angezeigt wird, mit der Maus über das Bild zu gehen.

Das Problem: Im Prinzip geht es, aber mit meinen Methoden wird nicht zwischen Hintergrund und Grafik unterschieden. Es wird NUR NOCH die Aufforderung angezeigt, das Bild zu fokussieren, auch dann, wenn man mit der Maus auf dem Bild ist.

Früher hatte ich ein Platzhalter-gif mit Effekt. Geht es auch anders?

[wildmieze]

hmm ... könntest Du den Text standardmäßig, zB in einem div einblenden lassen - und dann bei den ja schon vorhandenen MouseOver-Events beim Bild hinzufügen, daß er ausgeblendet wird ..? .. also praktisch der "umgekehrte" Ansatz ..

[lll]

super nett, dass du antwortest! Danke!

Wenn du meinst, dass ich den Text ursprünglich (beim Laden der Seite) anzeigen lasse und dann meine Effekte darüber lege: das mache ich schon. (Ich war ganz begeistert, dass das funktioniert!)

Wenn man allerdings einmal mit der Maus auf der Grafik war, bleibt der zuletzt eingeblendete Text stehen.

Ich dachte, wenn jemand nicht auf den Anfangstext achtet und mit der Maus herumfuchtelt, ist das vielleicht blöd. Optimal wäre, wenn wieder der Eingangstext angezeigt würde, sobald die Maus wieder auf dem Hintergrund ist.

Falls du etwas anderes gemeint hast, musst du es mir Anfänger sicher gaaanz langsam erklären...

[wildmieze]

Hmmm .. klingt eigentlich spontan nach einem Fall für "onmouseout". Da bin ich aber nicht so sicher, ob das ohne weiteres funktioniert, wenn mehrere Elemente mit "onmouseover" direkt nebeneinander liegen .. da kommt es dann evtl. drauf an, wie genau deine "Effekte" aufgebaut sind. Mehrere Bilder nebeneinander? Verweissensible Grafik = Imagemap? Oder nur EIN Bild mit EINEM "Effekt"? .. bei letzterem sollte das mit onmouseout eigentlich problemlos klappen, bei der imagemap könnte man vermutlich der genutzten Grafik ein generelles onmouseout verpassen, hab ich noch nicht getestet^^ .. vielleicht postest Du mal Deinen Code oder einen Link, dann wirds vielleicht einfacher ..

Ich sehe spontan jedenfalls keine Möglichkeit, den "Hintergrund zu erkennen" und da sowas wie einen mouseover-Effekt abzuspielen. Son Hintergrund liegt ja standardmäßig nunmal in groß dahinter, woher soll er wissen wo die Grafik ist?

[lll]

noch mal danke! super!

Ich hab die Seite noch nicht online, weil sie *seufz* im IE nicht funktioniert, dass ist dann das nächste mit, dem ich mich beschäftigen werde ... (IE scheint mein CSS file gar nicht zu erkennen, vielleicht stimmt die Reihenfolge im head nicht?)


ja, "verweissensible grafik" (selfhtml) heißt imagemap, und zwar eins mit ca. 10 Effekten.

Der Hintergrund weiß wohl eher nicht wo das Bild ist ... Aber wenn der Browser erkennen kann, wann die Maus auf dem Bild ist, kann man ihm ja vielleicht mit irgendeinem Script-Befehl auch erkennen lassen, wann die Maus NICHT auf dem Bild ist.

onmouseout klingt vielversprechend. Das scheint ja genau das zu sein. Werde mich morgen mal damit befassen. Kenne ich noch nicht, habe mit javascript gerade erst angefangen.

Ich dachte spontan, das GANZE Bild noch mal als area zu definieren und mit onmouseout zu verbinden, aber das funktioniert irgendwie nicht (Ergebnis: ständig Anzeige der Textes, onmousoverEffekte weg)



<area shape="rect" coords="0,0,250,422"
onmouseout="writeText('Fahre mit der Maus über das Bild!') />


Oder müsste ich da im head noch etwas ergänzen?

[wildmieze]

*kratzamkopp* .. bei ner Imagemap hast Du doch sowas wie <img src="irgendwas.jpg" usemap=".."> .. was passiert, wenn du da direkt das onmouseout unterbringst ..? .. dafür musst Du meines Wissens keine area anlegen, das sollte auch bei img funktionieren ..

Und genau, onmouseout erkennt, wenn die Maus den Bereich verlässt.

EDIT: grml .. ich teste gerade mal selbst ein bisschen rum. Meine obige Lösung funktioniert tadellos im IE, aber nicht im Firefox .. Ich hab jetzt jeder area ein onmouseout verpasst, damit scheint es zu gehen. Aber es gibt vermutlich elegantere Lösungen .. außerdem erscheint die Meldung so auch, wenn Du eine area verlässt, aber trotzdem noch im Bild bist, also in einem area-freien Bereich .. da weiß ich nicht, ob und wie sehr Dich das stört

http://www.miezes-welt.de/maptest.htm

[lll]

Wenn man gaaaaaanz deutlich hinsieht, sieht man das fehlende " am Ende meines geposteten Codes ...

onmousout funktioniert im imagemap nur mit den area tag. Aber MIT Anführungszeichen funktionierts super!! Genau so wollte ich es haben. Vielen Dank!

Wenn ich jetzt noch herausfinde, warum opera und fox alles anzeigen, wie sie sollen, IE aber nicht...

Mein CSS ist leider so lang, dass ich es nicht einfach hier posten kann. Hat IE Probleme mit absoluten Positionierungen? Opera zeigt meine Seite auch anders an als firefox - so absolut scheint die absolute Positionierung also nicht zu sein.

????



1000 Dank! VG

[wildmieze]

Jau, das Anführungszeichen .. ich brauch ne neue Brille *lach* .. schön, daß es jetzt funktioniert

Mit absoluten Positionierungen habe ich bisher eigentlich nie gearbeitet, höchstens mal für einzelne Elemente .. da sollte sich also besser jemand äußern, der sich damit auskennt ..

[Rinaldo]

Mein CSS ist leider so lang, dass ich es nicht einfach hier posten kann. Hat IE Probleme mit absoluten Positionierungen? Opera zeigt meine Seite auch anders an als firefox - so absolut scheint die absolute Positionierung also nicht zu sein.

Du könntes auch nur einen Link zu der CSS-Datei schreiben . Oder den Link zur Site - früher oder später kann man Dir nur noch damit helfen, wenn man den genauen Quelltext kennt...