Ik heb het volgende java script om afbeeldingen te laten overvloeien. Ik wil het script echter bij de laatste foto laten stoppen.
Weet iemand hoe ik daarvoor een aanvulling op het script kan maken?
Weet iemand hoe ik daarvoor een aanvulling op het script kan maken?
Code:
<script type="text/javascript">
<!-- hier vul je de namen van de afbeeldingen in -->
var images = new Array(
'foto1.jpg',
'foto2.jpg',
'foto3.jpg',
'foto4.jpg',
'foto5.jpg' <!-- geen komma na de laatste afbeelding -->
);
var teller = 1;
var pauze = 1500;
function opacWaarde(el, opacity) {
opacity /= 100;
el.style.opacity = opacity;
el.style.MozOpacity = opacity;
el.style.filter = "alpha(opacity=" + (opacity*100) + ")";}
function fadeBeeld(el, currentOpacity) {
currentOpacity += 5;
if (currentOpacity > 100) {
opacWaarde(el, 100);
var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
prevEl.style.visibility = 'hidden';
el.style.zIndex = 1;
window.setTimeout(startFaden, pauze);}
else {
opacWaarde(el, currentOpacity);
window.setTimeout(function() { fadeBeeld(el, currentOpacity); }, 50);}}
function startFaden() {
var el = document.getElementById('beeldcontainer').childNodes[teller];
el.style.visibility = 'visible';
el.style.zIndex = 2;
opacWaarde(el, 0);
fadeBeeld(el,0);
teller = (teller < images.length-1) ? teller + 1 : 0;}
function startScript() {
var el = document.getElementById('beeldcontainer');
while (el.firstChild) { el.removeChild(el.firstChild); }
for(var i=0; i<images.length; i++) {
var t = document.createElement('IMG');
t.setAttribute('src',images[i]);
t.style.position = 'absolute';
t.style.visibility = 'hidden';
el.appendChild(t);}
el.firstChild.style.visibility = 'visible';
window.setTimeout(startFaden, pauze);}
window.onload=startScript; <!-- het script wordt hier gestart met onload, dit kun je wijzigen -->
</script>
Laatst bewerkt: