nicht angemeldet
2 Bilder aufeinander
hi leute!
ich möchte gerne 2 bilder aufeinander angezeigt haben.
1 etwas grösseres bild und da drin ein etwas kleineres bild.
Hab mir überlegt das grössere bild als hintergrund zu nehmen und das kleinere als normale datei zum anzeigen.
das problem: ich will das in eine zelle einer table haben.
ist für eine bildgallerie mit 2 bild und hintergrund show...
Wie kann ich das realisieren!
vielen dank
LeVo
-
hi,
Hab mir überlegt das grössere bild als hintergrund zu nehmen und das kleinere als normale datei zum anzeigen.
das problem: ich will das in eine zelle einer table haben.
Und _warum_ ist das ein Problem?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hab mal zwei beispiel geschickt. Die änderung im body-tag funktioniert aber der im td-tag nicht..
Danke dir...
Dieser hier funktioniert:
<html>
<head>
<script language="JavaScript">
function HintergrundbildWechseln(Hintergrundbild)
{
document.getElementsByTagName('body')[0].background = Hintergrundbild;
}
</script>
<title>Hintergrundbild einer Webseite dynamisch wechseln</title>
<body background="1.jpg">
<a href="javascript:HintergrundbildWechseln('1.jpg');"><b>
Blauer Hintergrund</b></a><br>
<a href="javascript:HintergrundbildWechseln('2.jpg');"><b>
Roter Hintergrund</b></a>
</body>
</html>Dieser nicht:
<html>
<head>
<script language="JavaScript">
function HintergrundbildWechseln(Hintergrundbild)
{
document.getElementsByTagName('td')[0].background = Hintergrundbild;
}
</script>
<title>Hintergrundbild einer Webseite dynamisch wechseln</title>
<body><a href="javascript:HintergrundbildWechseln('1.jpg');"><b>
Blauer Hintergrund</b></a><br>
<a href="javascript:HintergrundbildWechseln('2.jpg');"><b>
Roter Hintergrund</b></a><table border="2">
<tr> <td background="1.jpg" height="200" width="200"></td></tr>
</table>
</body>
</html>-
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
-
-