3DCenter Forum - 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-Code:

<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

Code:

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

2005-01-24, 08:34:53	#1 (im Thread / einzeln)
MadManniMan Insane Member Registriert: 2001-08-02 Ort: bei Heidelberg Beiträge: 20.324	onmouseover-Effekt ... helft mir! ...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! Angehängte Grafiken Everything happens for a reason. That reason is usually physics. MMM auf der politischen Landkarte

2005-01-24, 09:37:36	#2 (im Thread / einzeln)
Kinman Avantgarde Member Registriert: 2002-09-22 Beiträge: 4.527	Re: onmouseover-Effekt ... helft mir! 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 photo-sorko.at This is great!