PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [Java-Script] Zufälliges Hintergrundbild


ich.com.sie.net
2006-05-09, 10:08:38
Ich hab ein Script geschrieben, dass sich bei jedem Reload ein anderes Bild anzeigt. Insgesamt 5 Verschiedene.

imageArray = new Array();
current = "";
function load_img(name_src)
{
if(document.images) {
var temp = imageArray[name_src];
if(! temp) {
temp = new Image();
temp.src = name_src;
imageArray[name_src] = temp;
}

return temp;
}
}
function replace_img(name, name_src)
{
if(document.images) {
if(name != current) {
document[name].src = load_img(name_src).src;
}
}
}


var theImages = new Array()
theImages[0] = 'Star1.jpg'
theImages[1] = 'Star2.jpg'
theImages[2] = 'Star3.jpg'
theImages[3] = 'Star4.jpg'
theImages[4] = 'Star5.jpg'


var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

Jetzt will ich aber, die Bilder als Hintergrund. Muss ich das in die CSS einbetten oder bekomm ich des auch in die Html-datei bei <body background="???"> rein. Hab beides schon versucht, hat aber nicht so wirklich hingehaut...

ich.com.sie.net
2006-05-09, 10:20:13
Sorry, hab es selber hinbekommen. War nur ein kleiner Denkfehler drin ;)

Unfug
2006-05-09, 10:28:41
Ich hätte das jetzt so gelöst:


<?
$randval = rand("1","4"); //Zufallszahl (1 bis 4)
$pic = "start".$randval.".jpg"; // Unser Zufallsbild
?>
<body style="background-image:url(<? echo $pic?>)">


setzt allerdings PHP voraus.

Gruß

ich.com.sie.net
2006-05-09, 10:31:07
Ich hab in der Site schon genügend PHP eingebaut ;) hab es viel schneller lösen können ;)