Zufallsbild im Hintergrund
smi
- javascript
Hallo,
villeicht kann mir jemand von euch helfen.
Ich habe ein Script in meine Seite eingebaut. Dieses Script funktioniert auch solange ich nicht mehr als 3 Bilder in diese zufallsscript einbauen will.
ich habe es nicht geschafft dieses script so zu erweitern dass ich 6 bilder zur verfügung stehen habe.
hat jemand eine idee. wäre echt dankbar.
so sieht mein script aus und funktioniert auch, allerdings nur mit 3 bidlern.
<script>
var hintergr1="bild1.jpg"
var hintergr2="bild2.jpg"
var hintergr3="bild3.jpg"
var zufall=Math.round(6*Math.random())
if (zufall<=1)
backgr=hintergr1
else if (zufall<=4)
backgr=hintergr2
else
backgr=hintergr3
document.write('<body background="'+backgr+'" bgcolor="#FFFFFF">')
</script>
gruss und herzlichen dank
Servus.
Ich hätte da so die Idee:
// Die Bilder in ein Array:
var bilder = new Array()
// setzen der Bilder
bilder[0]="Bild 1.jpg"
bilder[1]="Bild 2.jpg"
bilder[2]="Bild 3.jpg"
bilder[3]="Bild 4.jpg"
bilder[4]="Bild 5.jpg"
bilder[5]="Bild 6.jpg"
// Zahl generieren
var Zufall = Math.round(Math.random()*bilder.length) // Dadurch übernimmt er die Anzahl bilder automatisch
document.write('<body background="'+bilder[Zufall]+'" bgcolor="#FFFFFF">')
für neue Bilder einfach den Array erweitern.
Das dürfte ja dynamisch genug sein ...
MFG
Griever
Vielen Dank. Es funktioniert einwandfrei!
Suuuuuper *freu*
hallo
<script type="text/javascript">
var MaxPix=6;
var hintergr=Array();
var zufall=Math.round(5*Math.random()+1);
for(var i=1; i<MaxPix+1; i++){
hintergr[i]="bild"+i+".jpg";
//alert(hintergr[i]);
}
var writeOut="<body background=\""+hintergr[zufall]+"\" bgcolor=\"#FFFFFF\">";
alert(writeOut);
//document.write(writeOut)
</script>
Hallo,
Ich hatte mich vor ein paar Monaten auch damit beschäftigt: http://jeenaparadies.net/weblog/2006/jan/zufallsheader
Grüße
Jeena Paradies
Hallo,
da hier immer wieder Scripte gepostet werden, die ganze Zufallszahlen mit Math.round erzeugen, habe ich eine kleine Testseite gemacht, die zwei Algorithmen, einer mit Math.round und einer mit Math.floor, vergleicht.
http://www.j-berkemeier.de/test/zuftest.html
Mit Math.round erhält man _keine_ Gleichverteilung und Math.round rundet auch auf.
Gruß, Jürgen
Hi,
da hier immer wieder Scripte gepostet werden, die ganze Zufallszahlen mit Math.round erzeugen, habe ich eine kleine Testseite gemacht, die zwei Algorithmen, einer mit Math.round und einer mit Math.floor, vergleicht.
Math.ceil() fehlt. ;)
Gruß, Cybaer
Hallo Cybaer,
Math.ceil() fehlt. ;)
ich wollte die Verunsicherung nicht zu groß werden lassen. :)
Außerdem kann man davon ausgehen, dass weiter Math.round benutzt und empfohlen wird.
Gruß, Jürgen
so sieht mein script aus und funktioniert auch, allerdings nur mit 3 bidlern.
<script>
var hintergr1="bild1.jpg"
var hintergr2="bild2.jpg"
var hintergr3="bild3.jpg"var zufall=Math.round(6*Math.random())
if (zufall<=1)
backgr=hintergr1
else if (zufall<=4)
backgr=hintergr2
else
backgr=hintergr3
document.write('<body background="'+backgr+'" bgcolor="#FFFFFF">')
</script>
Wozu so kompliziert?
Wenn deine Bilder immer nach dem Schema 'bildX.jpg', wobei X eine beliebige Zahl ist, aufgebaut sind. Brauchst du keine Variabel oder Array.
<script type="text/javascript">
var zufall = Math.round(6 * Math.random()) + 1;
document.write('<body style="background: URL(bild' + zufall + '.jpg) #fff;">')
</script>
Struppi.