Bild beim Überfahren eines Links

warden · 28. Oktober 2006

ich will, dass ein bild bei überfahren eines textes (linkes) angezeigt wird. benutze html und glaube, dass der code in java script programmiert wird, weiß bloß nicht wie er geht T_T. bitte helft mir... freue mich über jede antwort.

Anzeige

Kolazomai · 28. Oktober 2006

AW: Bild beim Überfahren eines Links

~moved~

Mfg,

Kolazomai

Telefonzelle · 28. Oktober 2006

AW: Bild beim Überfahren eines Links

Okay.

Code:

<script language="JAVASCRIPT">
function hoverIMG (img,div) {
 document.getElementById(div).innerHTML = '<img src='+img+' border=0>';
}
</script>
<div id="divv">
Hier kommt das Bild nacher rein. (Achtung, hier muss was drinstehen, sonst "no properties" :L)
</div>
<a href="#" onMouseOver="JavaScript:hoverIMG('bild1.png','divv');">MouseOver</a>

warden · 29. Oktober 2006

AW: Bild beim Überfahren eines Links

okay... nun suche ich etwas, das das bild direkt an die maus hängt, wenn man drüberfährt.

Schmitz · 29. Oktober 2006

AW: Bild beim Überfahren eines Links

du musst einfach diesen code da einfügen wo das ganze hin muss
das js-script am anfang sollte nach möglichkeit in den header
der div muss dahin, wo das bild angezeigt werden soll
und der link dahin wo dein Mouseover link sein soll
dann musst du nurnoch im link ändern welches bild da angezeigt werden soll
was genau verstehst du denn nicht?

Telefonzelle · 29. Oktober 2006

AW: Bild beim Überfahren eines Links

Du machst das so:

Das Bild, was erscheinen soll, ist im selben Ordner wie die .html / ... File, und heißt "Bild.png".

Die .HTML Datei sieht so aus:

<script language="JAVASCRIPT">
function hoverIMG (img,div) {
document.getElementById(div).innerHTML = '<img src='+img+' border=0>';
}
</script>
<div id="divv">
...
</div>
<a href="#" onMouseOver="javascript:hoverIMG('Bild.png','divv');">MouseOver</a>

Das bringt folgendes:

OnMouseOver -> Wenn du mit dem Mauszeiger, auch bekannt als Cursor, über den <a [...]>MouseOver</a> gehst, wird die JavaScript Function "hoverIMG" mit den beiden Parametern "Bild.png" (der Name und ggf. die position des Bildes) und "divv" (Der Div / Sonstiges, mit der ID 'divv' , in welchem danach das Bild erscheinen soll, aufgerufen. Die bewirkt folgendes:

document.getElementById(div).innerHTML = '<img src='+img+' border=0>';

document.getElementById('divv').innerHTML = '<img src=Bild.png border=0>';

Das heißt:

In den Div mit der ID "divv" wird der HTML Code "<img src=Bild.png border=0>" eingefügt. Das bewirkt wiederum, dass das Bild mit dem Name Bild1.png angezeigt wird, weil wie du weißt das das ist, was <img [...]> bewirkt. oO

EDIT:

Bild an Maus - Google. -.-

warden · 29. Oktober 2006

AW: Bild beim Überfahren eines Links

<div id="divv">
...
</div>

diese zeile bereitet mir noch ein wenig probleme... da kommt doch später das bild hin, wenn ich das richtig verstanden hab. aber ich will doch das bild an die maus hängen...

MakenX · 29. Oktober 2006

AW: Bild beim Überfahren eines Links

also wenn ich mir das html angucke, und das div genau über dem link ist, welches den mousover effekt gibt, dann ist das bild genau über der maus!
aber mal ehrlich wofür diese spielerei?

Bild beim Überfahren eines Links

Videos zum Thema

Ähnliche Themen mit den Stichworten: Bild Überfahren eines

Nützliche Suchen

Bild beim Überfahren eines Links

Videos zum Thema

Ähnliche Themen mit den Stichworten: Bild Überfahren eines