Hintergrundbildwechsel in einer Tabellenzelle

[unwissender]

Hi,

wie mein Name schon sagt bin ich etwas unwissend und leider konnten mir diverse Sites nicht helfen.

Also ich ne nette Tabelle, bei der ich das HintergrundBILD (einer Zelle) beim Überfahren einer Zelle ändern will, leider hab ich bis jetzt aber nur Skipte gefunden, die die Farbe ändern, ich hab da aber halt ein BILD. Und mir normalen Bildwechsel geht irgendwie auch nicht, da es nicht als Bild sondern als Hintergrund verwaltet wird.

Also nochmal in kurz Form, wie kann ich ein HintergrundBILD einer Tabellenzelle ändern ????

Dank euch schon mal im Voraus.

MFG
Der Unwissende

 

[ba77]

hi, ich mach das in dreamweaver mit rollover-bild - ganz einfach, kannst auch einen link drauflegen,
ba

 

[womstar]

das ist ein einfache sache auch für dich zu verstehn....
das rolloverbild ist das bild, mit dem das bild, was ohne drüber fahren mit der maus zusehn ist, ausgetauscht wird.

<table>
<td>
<img src="standartbild.jpg" onmouseover="this.src='rolloverbild.jpg'" onmouseout="this.src='standartbild.jpg'">
</td>
</table>

 

[Bjoern]

button1=new Image();
button1.src="button1.jpg";
button2=new Image();
button2.src="button2.jpg";
button3=new Image();
button3.src="button3.jpg";
var DHTML = 0, DOM = 0, MS = 0, NS = 0, OP = 0;
if(window.opera) {OP = 1;}
if(document.getElementById) {DHTML = 1;DOM = 1;}
if(document.all && !OP) {DHTML = 1;MS = 1;}
if(document.layers && !OP) {DHTML = 1;NS = 1;}

function button(wo,was)
{if(DOM)
{document.getElementById(wo).style.backgroundImage='url(button'+was+'.jpg)';
switch(was)
{case 1: document.getElementById(wo).style.borderStyle='outset';break;
case 3: document.getElementById(wo).style.borderStyle='inset';break; }
}}

Die Funktion Button mit der Id aufrufen (this.id) und dann ein Nummer 1,2 oder 3 angeben, um festzulegen, welches Hintergrundbild verwendet werden soll, welche am Anfang geladen werden.
(Das Script verändert auch noch den Rahmen, sodass es wie ein Klick-button wirkt)

 

[hedowa]

tauschen?

du hast anscheinend das was ich suche und ich das was du suchst...

hier meine lösung zu deinem Problem:
--------------
<td width="135" height="21" align="center" background="bild1.jpg"
onmouseover="this.background='bild2.jpg';
this.style.cursor='hand'" onmouseout="this.background='bild3.jpg'"
onclick="window.location.href='seite.htm'">
<a class="menu1" href="seite.htm"><p align="center">Meine Freunde</a>
</td>
------------------

Und ich suche genau das , wo man in dem Stil die Hintergrundfarbe wechselt....

Gruss

Hedowa

 

[womstar]

so nochmal zum mitlesen und um bjoerns sache auch zu vertreten, seine sache ist so vom code her leichter weil man es vorher alles schon fest legt!!!

und das andere.....ums leichter zuhandhaben.....

bild:

<img src="standartbild.jpg" onmouseover="this.src='rolloverbild.jpg'" onmouseout="this.src='standartbild.jpg'">

und für hintergrunmouseover in tabellen...für @hedowa

<table>
<td align=center valign=middle bgcolor=666666 onmouseover="this.bgColor='777777'" onmouseout="this.bgColor='666666'">
</td>
</table>


zich mal wieder hold......und ausgekramt