PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : onmouseover-Effekt ... helft mir!


MadManniMan
2005-01-24, 08:34:53
...ich stell mich einfach zu blöd an ;)

Es geht darum, daß ein Bild, was sich innert eines "td"-Tags befindet, bei Überfahren mit der Maus durch ein anderes ersetzt wird.

Das war meine Überlegung, wie ich auf einfache Weise und ohne viel html-Ahnung hinbekommen könnte, daß ich verlinkende Schrift zum "Leuchten" bringe, wenn man drüberfährt.

Ich habe also folgenden Quelltext:

<td><img src="ordner/grafik_a.***"></td>

...wie muß ich den jetzt ummodeln, daß er mir beim Drüberfahren mit der Maus an gleicher Stelle grafik_b.*** anzeigt?



Meine Güte, ich hab heut echt nen bescheidenen Ausdruck ... was solls! Hier noch als kleines Schmankerl ein Beispiel der verschiedenen Grafiken, erste zeigt den gewollten Ursprungszustand, zweite das Ziel meiner Doofheit!

Kinman
2005-01-24, 09:37:36
Schau mal, vllt hilft Dir das:
http://www.tutorials.de/tutorials185943.html

aufrufen musst Du so:

<A HREF="" onMouseOver="javascript:functionname()">bild</A>

Eventuell kann man das Sogar mit CSS lösen:

A.text:link {background-image:url(bild1.jpg);}
A.text:visited {background-image:url(bild1.jpg);}
A.text:hover {background-image:url(bild2.jpg);}

mfg Kinman

Kinman
2005-01-24, 09:43:42
Ich habs mal gemacht:

Index.htm

<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
</HEAD>
<BODY>
<A CLASS="img" HREF="http://google.de"></A>

</BODY>
</HTML>


style.css

A.img:link {background-image:url(a.png); width: 200px; height: 48px;}
A.img:visited {background-image:url(a.png); width: 200px; height: 48px;}
A.img:hover {background-image:url(b.png); width: 200px; height: 48px;}


mfg Kinman