OnMouseOver - Bildwechsel nicht an Mausposition

tundra · 2 Februar 2011

Hallo,

Ich beabsichtige, einen Wechsel von Grafiken durch das Überfahren eines Links mit der Maus zu realisieren. Also erstmal ganz normale MouseOver/MouseOut Funktion. Nun soll aber der Grafikwechsel an anderer Position geschehen, also NICHT an der Stelle des Links.
Irgendeinen Teil des folgenden Codes muss ich demnach ja an die "Zielposition" der Grafik bringen...

<IMG SRC="bild00.jpg>


<A HREF="seite01.htm">
<IMG NAME="bild01"
onMouseOver="bild01.src='bild01.jpg'"
onMouseOut="bild01.src='bild00.jpg'"
SRC="bild00.jpg">
</A>

Ich hatte das vor ein paar Jahren schonmal (durch einen Zufall) hinbekommen. Weiss aber leider nicht mehr, wie. Mir erschliesst es sich auch gerade nicht aus der Standardformel für OnMouseOver Funktionen.
Vielleicht kann mir jemand helfen?

alogheo · 2 Februar 2011

HTML:

<img src="bild00.jpg" onmouseover="document.elementName.src='bild01.jpg';" onmouseout="document.elementName.src='bild00.jpg';" />

Artur · 6 Februar 2011

In jQuery gibt es eine Methode replaceWith, die Elemente einer Webseite ersetzt.

HTML:

<html>

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

</head>
<body>

<img src="bild00.jpg" id="hover_bild" />

<a href="#" id="hover_link">Klick</a>

</body>

Code:

<script type="text/javascript" >

$(document).ready(function() {

$('#[COLOR=green]hover_link[/COLOR]').hover(function(){[INDENT][INDENT] $('#[COLOR=green]hover_bild[/COLOR]').replaceWith(

"[COLOR=#800080]<img src=[COLOR=#0000ff]'bild01.jpg' [COLOR=darkred]/>[/COLOR][/COLOR][/COLOR]"
)
[/INDENT][/INDENT]});


});

</script>

OnMouseOver - Bildwechsel nicht an Mausposition

tundra

Neues Mitglied

alogheo

Mitglied

Artur

Neues Mitglied

Neueste Beiträge