var diapo1 = new Array('20080312145138.jpg','20080312145154.jpg','20080312145208.jpg'); var diapo2 = new Array('20080312145440.jpg','20080312145457.jpg'); var diapo3 = new Array('20080313173004.jpg','20080312145705.jpg','20080313173025.jpg','20080313173153.jpg','20080313173211.jpg','20080313173226.jpg'); var diapo4 = new Array('20080313164758.jpg','20080313164745.jpg','20080313164816.jpg'); var diapo5 = new Array('20080606140109.jpg','20080604155704.jpg','20080606121836.jpg'); var imagesNom = new Array(diapo1, diapo2, diapo3, diapo4, diapo5); var images = new Array(); var imagesCourantes = new Array(); var nbDiaposAccueil = 3; var diapoAccueilCourant = 0; var timerAccueilCourant; Event.observe(window, 'load', function() { prechargerImages('rubrique_produit', 0); prechargerImages('rubrique_produit', 1); prechargerImages('rubrique_produit', 2); prechargerImages('rubrique_produit', 3); prechargerImages('rubrique_produit', 4); //prechargerImages(1); creerDiaporama(0); creerDiaporama(1); creerDiaporama(2); creerDiaporama(3); creerDiaporama(4); // Temporiser le départ des diaporamas setTimeout(function() { lancerDiaporama(0); lancerDiaporama(1); lancerDiaporama(2); lancerDiaporama(3); lancerDiaporama(4); }, 2000); }); // Précharger les images function prechargerImages(dossier, num) { var dossier = 'images/' + dossier + '/'; var tab = new Array(); var taille = imagesNom[num].size(); for (var i = 0; i < taille; i++) { tab[i] = new Image(); tab[i].src = dossier + imagesNom[num][i]; tab[i].alt = imagesNom[num][i]; } images[num] = tab; } // Création // num : numéro du diaporama function creerDiaporama(num) { var div = $('diaporama' + num); var taille = images[num].size(); for (var i = 0; i < taille; i++) { var id = 'diaporama' + num + '_' + i; Element.insert(div, '
'); $(id).style.background = 'url(' + images[num][i].src + ')'; if (i == 0) { $(id).setOpacity(1); imagesCourantes[num] = i; } else { $(id).setOpacity(0); } } } // Changer une image // num : numéro du diaporama function changeImage(num) { var taille = images[num].size(); var numImg = Math.round(Math.random() * (taille - 1)); if (numImg == imagesCourantes[num]) { if (numImg == (taille - 1)) { numImg--; } else { numImg++; } } var nouveau = $('diaporama' + num + '_' + numImg); var ancien = $('diaporama' + num + '_' + imagesCourantes[num]); new Effect.Opacity(nouveau, {duration: 1, from: 0, to: 1}); new Effect.Opacity(ancien, {duration: 1, from: 1, to: 0}); imagesCourantes[num] = numImg; } // Lancer un diaporama // num : numéro du diaporama function lancerDiaporama(num) { timer = (Math.random() * 3) + 6; window['diaporama' + num] = new PeriodicalExecuter(function(pe) { changeImage(num); }, timer); } // Stopper un diaporama // num : numéro du diaporama function stopperDiaporama(num) { var diapo = window['diaporama' + num]; if (diapo) { diapo.stop(); } } // Aller à une images // num : numéro du diaporama // img : numéro de l'image function allerA(num, img) { if (img != imagesCourantes[num]) { var nouveau = $('diaporama' + num + '_' + img); var ancien = $('diaporama' + num + '_' + imagesCourantes[num]); new Effect.Opacity(nouveau, {duration: 1, from: 0, to: 1}); new Effect.Opacity(ancien, {duration: 1, from: 1, to: 0}); imagesCourantes[num] = img; } }