Wastl: 2 Bilder aufeinander

Beitrag lesen

Tach !
Teilweise ist das ziemlich verschachtelt.
Ich muß da auch immer nachschauen wie's geht ...

#########################

<html><head>
<script language="JavaScript">
function HintergrundWechseln(Hintergrund)
{ document.getElementsByTagName('td')[0].style.backgroundColor = Hintergrund; }
</script>
<title></title></head>
<body>
<a href="javascript:HintergrundWechseln('#0000ff');"><b>Blauer Hintergrund</b></a><br>
<a href="javascript:HintergrundWechseln('#ff0000');"><b>Roter Hintergrund</b></a>
<table style="border:1px solid #000000" cellspacing="0"><tr>
<td bgcolor="#00ff00" height="200" width="200">
</td></tr></table>
</body></html>

##########################

<html><head>
<script language="JavaScript">
function wechseln(bg)
{ document.getElementById('zelle').style.backgroundImage = bg; }
</script>
<title></title></head>
<body>
<a href="javascript:wechseln('url(bild1.gif)');"><b>Bild 1</b></a><br>
<a href="javascript:wechseln('url(bild2.gif)');"><b>Bild 2</b></a>
<table style="border:1px solid #000000" cellspacing="0"><tr>
<td id="zelle" height="200" width="200">
</td></tr></table>
</body></html>

##########################

<script type="text/javascript">
function bildwechsel(bild)
{document.getElementsByTagName('td')[0].style.background= bild;}
</script>
<title></title></head>
<body>
<a href="#" onclick="bildwechsel('url(bild3.gif)'); return false">Bildwechsel</a>
<a href="#" onclick="bildwechsel('url(bild4.jpg)'); return false">Bildwechsel</a>
<table border="0" cellspacing="0" width="500" height="500"><tr>
<td height="200" width="200"></td></tr></table>
</body></html>

##########################

Gruß Wastl