var imgList;addListenner(window, "load", briensSlideShow, true);imgList = ["pict-36171-s.jpg", "pict-34103-s.jpg", "pict-34234-s.jpg", "pict-34158-s.jpg", "pict-34203-s.jpg", "pict-34165-s.jpg", "pict-34218-s.jpg", "pict-36466-s.jpg", "pict-36634-s.jpg", "pict-34175-s.jpg"];var slideId = "portrait"; var delaiChangement = 5000; // en millisecondes var intervalDisparition = 70; // plus petit = transition plus rapide var pasDisparition = .2; // le pas de changement de la transparence var currentState = 0; currentImg = 1; var imgContainer; var imgPath = ''; var slideInterval, fadeInterval; /** * mySlideShow */ function briensSlideShow() { if (!document.getElementById || !document.getElementsByTagName) { return false; } imgContainer = document.getElementById(slideId); if (!imgContainer) { return false; } var tagImg = imgContainer.getElementsByTagName('img'); // find the correct image path var imgTag1 = tagImg[0]; //document.getElementById('slideshowimg-1'); imgPath = imgTag1; if (imgPath && imgPath.src) { var parts = imgPath.src.split('/'); parts.pop(); imgPath = parts.join('/') + '/'; } else { imgPath = 'img/'; } // preloading images for (var i = 0; i < imgList.length; i ++) { var image = new Image(); image.src = imgPath + imgList[i]; } var imgTag = tagImg[0]; //document.getElementById('slideshowimg-1'); var imgTag2 = tagImg[1]; //document.getElementById('slideshowimg-2'); imgTag.style.opacity = 1; imgTag2.style.opacity = 1; imgTag.style.zindex = 1; imgTag2.style.zindex = 50; slideInterval = setInterval(changeImg, delaiChangement); } // end of "briensSlideShow()" /** * changeImg */ function changeImg() { if (!imgContainer) { return false; } var tagImg = imgContainer.getElementsByTagName('img'); var imgTag = tagImg[0]; //document.getElementById('slideshowimg-1'); var imgTag2 = tagImg[1]; //document.getElementById('slideshowimg-2'); if (!imgList[currentImg]) { currentImg = 0; } if (imgList[currentImg]) { imgTag.src = imgPath + imgList[currentImg]; } currentImg++; fadeInterval = setInterval(disapearImg, intervalDisparition); } // end of "changeImg()" /** * disapearImg */ function disapearImg() { var tagImg = imgContainer.getElementsByTagName('img'); var imgTag = tagImg[0]; //document.getElementById('slideshowimg-1'); var imgTag2 = tagImg[1]; //document.getElementById('slideshowimg-2'); imgTag2.style.opacity -= pasDisparition; imgTag2.style.filter = 'alpha(opacity=' + (imgTag2.style.opacity * 100) + ')'; if (imgTag2.style.opacity <= 0) { imgTag2.src = imgTag.src; imgTag2.style.opacity = 1; imgTag2.style.filter = 'alpha(opacity=100)'; clearInterval(fadeInterval); } } // end of "disapearImg()"