|
table td background-image rollover mit text
wieder einmal ein freundliches hallo an die lieben helferlein!
nun folgendes script zum bilder wechseln (rollover):
<html><head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
letztes="";
function changeImage(imgName,imgFile)
{ if(letztes!=imgName)
{document.images[imgName].src=imgFile;}
}
function druecken(imgName,imgFile)
{ document.images[imgName].src=imgFile;
if(letztes!=""&&letztes!=imgName)
{document.images[letztes].src="up.gif";}
letztes=imgName;}
-->
</script></head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href=# onMouseOver="changeImage('img1','down.gif')"
onMouseOut="changeImage('img1','up.gif')" onClick="druecken('img1','down.gif')"><img name="img1" src="up.gif" border="0"></a>
<br /><br />
<a href=# onMouseOver="changeImage('img2','down.gif')"
onMouseOut="changeImage('img2','up.gif')" onClick="druecken('img2','down.gif')"><img name="img2" src="up.gif" border="0"></a>
</body></html>
nun sollte das in meinem fall aber ein bgimage in ner tabellenzelle sein.
drum ein paar fragen.
kann ich bgimages so referenzieren ?
{document.images[letztes].src="background-image: url(up.gif)";}
und so?
onMouseOver="changetd('img1','background-image: url(down.gif)')"
und kann ich das so machen?
function changebgimage(tdId,imgFile)
{document.bgimages[tdId].src=imgFile;}
was sollte ich sonst noch beachten?
hmm...ich weiss ist ziemlich kompliziert! ist nicht das erste forum das ich deshalb befrage...
fals sich jemand damit beschäftigt... DANKE!
"grüessli" aus der schweiz bigi
|