1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
|
var timer, wImage, imageLeft, gal, hGallery;
var tabImages = new Array();
var pos = 0;
var valIncre = 2;
var oui = true;
var time = 20;
function move() {
for (i in tabImages) {
imageLeft = parseInt(tabImages[i].style.left);
wImage = tabImages[i].width;
tabImages[i].style.left = imageLeft + valIncre + "px";
if (imageLeft > pos - wImage) {
tabImages[i].style.left = imageLeft - pos + "px"
}
;
}
timer = setTimeout("move()", time)
}
onload = function() {
gal = document.getElementById("gallery");
for (i = 0; i != 8; i++) {
tabImages[i] = new Image();
tabImages[i].src = "photos/" + i + ".jpg";
tabImages[i].id = "slider";
gal.appendChild(tabImages[i]);
}
gal.style.display = "block";
for (i in tabImages) {
tabImages[i].style.left = pos + "px";
hGallery = gal.offsetHeight;
tabImages[i].style.top = (hGallery - tabImages[i].height) / 2 + "px";
tabImages[i].style.display = "block";
pos += tabImages[i].width;
}
move();
} |
Partager