nicht angemeldet
Rollover mit Text verknüpfen
0 0 0 0
Rollover mit Text verknüpfen
Wie verknüpfe ich ein rollover Bild das sich in einer anderen Zelle befindet mit einem Text. Bsp:
------------------------
I Bild I Menüpunkt I
------------------------
Der Menüpunkt ist ein normaler Link, wenn man darüber fährt sollte sich das Rollover Element auch verändern. Wenn ich alles in die selbe Spalte nehme funktionierts. Ich kann dann aber den Text(Menüpunk) nicht mit dem CSS zentrieren. Kann mir jemand sagen wie ich das am bestet löse?
Danke Euch
Gruss Oli
-
hi,
Wie verknüpfe ich ein rollover Bild das sich in einer anderen Zelle befindet mit einem Text.
in dem du beim überfahren des elementes, welches den text beinhaltet, eine javascript-funktion aufrufst, die die bildquelle austauscht, und beim wieder verlassen zurücktauscht.
gruss,
wahsaga-
hi,
Wie verknüpfe ich ein rollover Bild das sich in einer anderen Zelle befindet mit einem Text.
in dem du beim überfahren des elementes, welches den text beinhaltet, eine javascript-funktion aufrufst, die die bildquelle austauscht, und beim wieder verlassen zurücktauscht.
gruss,
wahsagaHi wahsaga,
hört sich gut an. Kann Du mir das Script posten oder einen Link zum Archiv geben :-))
Danke-
hi,
Wie verknüpfe ich ein rollover Bild das sich in einer anderen Zelle befindet mit einem Text.
in dem du beim überfahren des elementes, welches den text beinhaltet, eine javascript-funktion aufrufst, die die bildquelle austauscht, und beim wieder verlassen zurücktauscht.
gruss,
wahsagaHi wahsaga,
hört sich gut an. Kann Du mir das Script posten oder einen Link zum Archiv geben :-))
DankeIch habs sowei hinbekommen das beim überfahren vom Text sich das Bild ändert. Wie ändere ich aber den Text beim überfahren vom Bild?
-
Ich häng mal das an was ich bis jetzt habe:
<tr height="29">
<td width="21" height="29"><a onmouseover="changeImages( /*CMP*/'nail_white_1',/*URL*/'images/nail_black.gif');return true" onmouseout="changeImages( /*CMP*/'nail_white_1',/*URL*/'images/nail_white.gif');return true" href="#"><img src="images/nail_white.gif" alt="" name="nail_white_1" height="25" width="17" border="0"></a></td>
<td height="29"><a onmouseover="changeImages( /*CMP*/'nail_white_1',/*URL*/'images/nail_black.gif');return true" onmouseout="changeImages( /*CMP*/'nail_white_1',/*URL*/'images/nail_white.gif');return true" href="(EmptyReference!)?test=test">wir über uns</a></td>
</tr>Wie ändere ich den Text beim rollover über das Bild?
-
KEINE AHNUNG; WAS DU EIGENTLICH WILLST !!
Sowas liegt doch ueberall rum !!<html><head><title></title>
<Style Type="text/css">
<!--
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
a:hover { text-decoration: underline;}
//-->
</Style>
<script language="javascript">
var pfeil1=new Image (); pfeil1.src="pfeil1.gif";
var pfeil2=new Image (); pfeil2.src="pfeil2.gif";
var pfeil3=new Image (); pfeil3.src="pfeil3.gif";
var pfeil_1=new Image (); pfeil_1.src="pfeil_1.gif";
var pfeil_2=new Image (); pfeil_2.src="pfeil_2.gif";
var pfeil_3=new Image (); pfeil_3.src="pfeil_3.gif";
function zeige(a)
{window.document.getElementById(a).style.visibility="visible";}
function verstecke(a)
{window.document.getElementById(a).style.visibility="hidden";}
function change1(b)
{window.document.getElementById(b).style.color="red";}
function change2(b)
{window.document.getElementById(b).style.color="blue";}
function tauschen (x, y)
{window.document.images[x].src=y.src;}
</script>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5"><tr><td>
<img src="pfeil1.gif" style="visibility:hidden" id="bild1"></td><td>
<a href="Pfad_1.htm" onmouseover="zeige('bild1')" onmouseout="verstecke('bild1')">Link 1</a></td></tr>
<tr><td>
<img src="pfeil2.gif" style="visibility:hidden" id="bild2"></td><td>
<a href="Pfad_1.htm" onmouseover="zeige('bild2')" onmouseout="verstecke('bild2')">Link 2</a></td></tr>
<tr><td>
<img src="pfeil3.gif" style="visibility:hidden" id="bild3"></td><td>
<a href="Pfad_1.htm" onmouseover="zeige('bild3')" onmouseout="verstecke('bild3')">Link 3</a></td></tr></table>
<p><p><p>
<table border="1" cellspacing="0" cellpadding="5"><tr><td>
<img src="pfeil1.gif" onmouseover="change1('text1')" onmouseout="change2('text1')" id="ggg"></td><td>
<a href="Pfad_1.htm" id ="text1" style="color:#0000FF" onmouseover="tauschen('ggg',pfeil_1)" onmouseout="tauschen('ggg',pfeil1)">Link 1</a></td></tr>
<tr><td>
<img src="pfeil2.gif" onmouseover="change1('text2')" onmouseout="change2('text2')" id="hhh"></td><td>
<a href="Pfad_1.htm" id ="text2" style="color:#0000FF" onmouseover="tauschen('hhh',pfeil_2)" onmouseout="tauschen('hhh',pfeil2)">Link 2</a></td></tr>
<tr><td>
<img src="pfeil3.gif" onmouseover="change1('text3')" onmouseout="change2('text3')" id="iii"></td><td>
<a href="Pfad_1.htm" id ="text3" style="color:#0000FF" onmouseover="tauschen('iii',pfeil_3)" onmouseout="tauschen('iii',pfeil3)">Link 3</a></td></tr></table>
</body></html>-
Danke, genau das hab ich gesucht!!
Gruss Oli
-
-
-
-
-