Goedendag,
Ik ben bezig met een slideshow maken en heb daar een scriptje voor geschreven. Nu heb ik alleen het probleem dat de slide show constant knippert als ik hem verder wil drukken.
Weet iemand daar een oplossing voor?
counter = 0 -1;
var foto = new Array();
foto[0] = "img/Foto 1 pagina welkom.jpg";
foto[1] = "img/Foto-2-pagina-welkom.jpg";
var slide = function(direction) {
if (direction === "next" && counter < foto.length -1) {
counter++;
}
else if (direction === "prev" && counter > 0) {
counter--;
}
else if (direction === "prev" && counter === 0) {
counter = foto.length;
counter--;
}
else {
counter = 0;
}
document.getElementsByClassName('screen')[0].innerHTML = "<img src= '"+foto[counter]+"' alt='display'/> ";
};
document.getElementsByClassName('screen')[0].innerHTML = "<img src= '"+foto[0]+"' alt='display'/> ";
Ik ben bezig met een slideshow maken en heb daar een scriptje voor geschreven. Nu heb ik alleen het probleem dat de slide show constant knippert als ik hem verder wil drukken.
Weet iemand daar een oplossing voor?
counter = 0 -1;
var foto = new Array();
foto[0] = "img/Foto 1 pagina welkom.jpg";
foto[1] = "img/Foto-2-pagina-welkom.jpg";
var slide = function(direction) {
if (direction === "next" && counter < foto.length -1) {
counter++;
}
else if (direction === "prev" && counter > 0) {
counter--;
}
else if (direction === "prev" && counter === 0) {
counter = foto.length;
counter--;
}
else {
counter = 0;
}
document.getElementsByClassName('screen')[0].innerHTML = "<img src= '"+foto[counter]+"' alt='display'/> ";
};
document.getElementsByClassName('screen')[0].innerHTML = "<img src= '"+foto[0]+"' alt='display'/> ";