Zufallshintergrund
sebastian
- javascript
0 Gernot Back0 Gernot Back
Hallo,
ich habe eine Tabelle mit 2 Zeilen und 1 Spalte.
Der Tabellenhintergrund (JPEG-Datei) sollte zufällig zwischen 2 Bildern ausgewählt werden.
Wie geht sowas ?
Hat irgendwer Beispielscripte ?
Danke
Sebastian
Hallo
Hat irgendwer Beispielscripte ?
http://de.selfhtml.org/javascript/objekte/math.htm#random
Gruß Gernot
Hallo Sebastian,
das war tatsächlich ein bisschen knifflig:
<script type="text/javascript">
<!--
var bgArray = new Array("bild1.jpg", "bild2.jpg");
function zufall() {
do {
zahl=parseInt(Math.random()*bgArray.length);
} while((isNaN(zahl))||(zahl<0));
document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
}
window.onload=zufall;
//-->
</script>
Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.
Gruß Gernot
Danke Gernot !
Hallo Sebastian,
das war tatsächlich ein bisschen knifflig:
<script type="text/javascript">
<!--
var bgArray = new Array("bild1.jpg", "bild2.jpg");function zufall() {
do {
zahl=parseInt(Math.random()*bgArray.length);
} while((isNaN(zahl))||(zahl<0));
document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
}window.onload=zufall;
//-->
</script>Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.
Gruß Gernot
Hallo nochmal,
ok, dein quellcode ändert den hintergrund der GANZEN html seite. bei mir müsste sich aber nur der hintergrund der ersten zeile verändern:
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="113"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
Noch einen Vorschlag ?
Hallo Sebastian,
das war tatsächlich ein bisschen knifflig:
<script type="text/javascript">
<!--
var bgArray = new Array("bild1.jpg", "bild2.jpg");function zufall() {
do {
zahl=parseInt(Math.random()*bgArray.length);
} while((isNaN(zahl))||(zahl<0));
document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
}window.onload=zufall;
//-->
</script>Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.
Gruß Gernot
Hallo Sebastian,
ok, dein quellcode ändert den hintergrund der GANZEN html seite. bei mir müsste sich aber nur der hintergrund der ersten zeile verändern:
Vorschlag:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title><script type="text/javascript">
<!--
var bgArray = new Array("bild1.jpg", "bild2.jpg");function zufall() {
do {
zahl=parseInt(Math.random()*bgArray.length);
} while((isNaN(zahl))||(zahl<0));
document.getElementById('ersteZeile').style.backgroundImage="url(" + bgArray[zahl] + ")";
}
window.onload=zufall;
//-->
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="ersteZeile">
<td style="height:113px"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
Gruß Gernot