beeldwissel 3

JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home CSS DHTML Forum E-mail Sitezoeker Links

Beeldwissel 3

1. Kopieer deze code en plaats ze in het HEAD-gedeelte van je pagina :

var voorladen=new Array()
for (i=0;i<=beeldnaam.length-1;i++) {
	voorladen[i]=new Image()
	voorladen[i].src=beeldnaam[i]}

var optionele_hyperlink=new Array()
optionele_hyperlink[0]="#"
optionele_hyperlink[1]="#"
optionele_hyperlink[2]="#"
optionele_hyperlink[3]="#"
optionele_hyperlink[4]="#"

var x_positie=20
var y_positie=20

var x_blokjes=5
var y_blokjes=4

var tussentijd=2000

var xy_blokjes=x_blokjes*y_blokjes
var willekeurig=new Array()
for (i=0;i<=xy_blokjes-1;i++) {
	willekeurig[i]=i
}

var snelheid=20
var i_beeldjes=0
var breedte_blokje=Math.floor(beeldbreedte/x_blokjes)
var hoogte_blokje=Math.floor(beeldhoogte/y_blokjes)

var cliptop=0
var clipbottom=hoogte_blokje
var clipleft=0
var clipright=breedte_blokje
var spanteller=0
var x_willekeur=new Array()
var y_willekeur=new Array()
var max_explsteps=15
var i_explsteps=0

function browsertest() {
	if (document.all) {
        start_ie()
    }
    if (document.layers) {
        start_ns()
    }
}

function wis_beeld() {
	if (i_loop<=xy_blokjes-1) {
		var thisspan=eval("span"+willekeurig[i_loop])
		thisspan.innerHTML="<a href='"+optionele_hyperlink[i_beeldjes]+"'><img src='"+beeldnaam[i_beeldjes]+"' border='0'></a>"
		i_loop++
		var timer=setTimeout("wis_beeld()",snelheid)
	}
	else {
		clearTimeout(timer)	
		var timer=setTimeout("wissel_beeld()",tussentijd)
	}
}

function wissel_beeld() {
	kies_willekeurig(xy_blokjes)
	i_loop=0
	i_beeldjes++
	if (i_beeldjes>=beeldnaam.length) {i_beeldjes=0}
   	wis_beeld()
}

function kies_willekeurig(bereik) {		
	for (i=0;i<=bereik;i++) {
		var eerste_waarde= Math.floor(bereik*Math.random())
		var tweede_waarde= Math.floor(bereik*Math.random())
		var cache_waarde=willekeurig[eerste_waarde]
		willekeurig[eerste_waarde]=willekeurig[tweede_waarde]
		willekeurig[tweede_waarde]=cache_waarde
	}
}

function start_ns() {
	document.beeldcontainer1.document.write("<a href='"+optionele_hyperlink[i_beeldjes]+"'><img src='"+beeldnaam[i_beeldjes]+"' border='0'></a>")	
	document.beeldcontainer1.document.close()	
	i_beeldjes++
	if (i_beeldjes>beeldnaam.length-1) {i_beeldjes=0}
   	var timer=setTimeout("start_ns()",tussentijd)
}
</script>

2. Plaats binnenin de <BODY>-tag : <body onload="browsertest()">

3. Kopieer deze code en plaats ze in het BODY-gedeelte van je pagina :

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.