Wekerletelep Honlapsegédletek Világnapok

Véletlen szerű kép

Az oldal frissítésekor új képet tölt be. (Katt a "Frissítés gombra a működés megtekintéséhez)

Demo:

HTML kód: (<head> </head>tag közé illesztve)

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = '1.png'
theImages[1] = '2.png'
theImages[2] = '3.png'
theImages[3] = '4.png'
theImages[4] = '5.png'

// ======================================
// do not change anything below this line
// ======================================

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]+'">');
}

//-->
</script>

HTML kód: (<body> </body>tag közé illesztve) (A beilleszteni kívánt helyre)

Átírandó:

A kép elérhetősége és neve:

theImages[0] = '1.png'
theImages[1] = '2.png'

Változtatható a megjelenő képek száma, ha növeljük, növekedik ez a szám is:

theImages[2] = '3.png'
theImages[3] = '4.png'
theImages[4] = '5.png'