window.addEvent('domready', function() { var vis_duration = 1500, trans_duration = 500, timer, loadedImages = [], gallery = $('gallery'); var path = 'http://www.inova-solutions.fr/'; var images = [ path + '/images/slideshow/10394.jpg', path + '/images/slideshow/10514.jpg', path + '/images/slideshow/10832.jpg', path + '/images/slideshow/10859.jpg', path + '/images/slideshow/10860.jpg', path + '/images/slideshow/10869.jpg', path + '/images/slideshow/11200.jpg', path + '/images/slideshow/11227.jpg', path + '/images/slideshow/11428.jpg', path + '/images/slideshow/11626.jpg', path + '/images/slideshow/11905.jpg', path + '/images/slideshow/11970.jpg', path + '/images/slideshow/12027.jpg', path + '/images/slideshow/12215.jpg', path + '/images/slideshow/12247.jpg', path + '/images/slideshow/12257.jpg', path + '/images/slideshow/12405.jpg', path + '/images/slideshow/12603.jpg', path + '/images/slideshow/12633.jpg', path + '/images/slideshow/12810.jpg', path + '/images/slideshow/13068.jpg', path + '/images/slideshow/13093.jpg', path + '/images/slideshow/13247.jpg', path + '/images/slideshow/13278.jpg', path + '/images/slideshow/13412.jpg', path + '/images/slideshow/13518.jpg', path + '/images/slideshow/13572.jpg', path + '/images/slideshow/13959.jpg', path + '/images/slideshow/14268.jpg', path + '/images/slideshow/14456.jpg', path + '/images/slideshow/14547.jpg', path + '/images/slideshow/14780.jpg', path + '/images/slideshow/14873.jpg', path + '/images/slideshow/15190.jpg', path + '/images/slideshow/15225.jpg', path + '/images/slideshow/15384.jpg', path + '/images/slideshow/15582.jpg', path + '/images/slideshow/15586.jpg', path + '/images/slideshow/15652.jpg', path + '/images/slideshow/15658.jpg', path + '/images/slideshow/15689.jpg', path + '/images/slideshow/15822.jpg', path + '/images/slideshow/15925.jpg', path + '/images/slideshow/16051.jpg', path + '/images/slideshow/16149.jpg', path + '/images/slideshow/16163.jpg', path + '/images/slideshow/16313.jpg', path + '/images/slideshow/16524.jpg', path + '/images/slideshow/16610.jpg', path + '/images/slideshow/16619.jpg', path + '/images/slideshow/16705.jpg', path + '/images/slideshow/16821.jpg', path + '/images/slideshow/16824.jpg', path + '/images/slideshow/16885.jpg', path + '/images/slideshow/17141.jpg', path + '/images/slideshow/17157.jpg', path + '/images/slideshow/17187.jpg', path + '/images/slideshow/17223.jpg', path + '/images/slideshow/17254.jpg', path + '/images/slideshow/17261.jpg', path + '/images/slideshow/17279.jpg', path + '/images/slideshow/17281.jpg', path + '/images/slideshow/17305.jpg', path + '/images/slideshow/17310.jpg', path + '/images/slideshow/17350.jpg', path + '/images/slideshow/17358.jpg', path + '/images/slideshow/17397.jpg', path + '/images/slideshow/17398.jpg', path + '/images/slideshow/17402.jpg', path + '/images/slideshow/17424.jpg', path + '/images/slideshow/3748.jpg', path + '/images/slideshow/5005.jpg', path + '/images/slideshow/5043.jpg', path + '/images/slideshow/5501.jpg', path + '/images/slideshow/5668.jpg', path + '/images/slideshow/6251.jpg', path + '/images/slideshow/6372.jpg', path + '/images/slideshow/6376.jpg', path + '/images/slideshow/6446.jpg', path + '/images/slideshow/6448.jpg', path + '/images/slideshow/6704.jpg', path + '/images/slideshow/6802.jpg', path + '/images/slideshow/6889.jpg', path + '/images/slideshow/6938.jpg', path + '/images/slideshow/7285.jpg', path + '/images/slideshow/8274.jpg', path + '/images/slideshow/8800.jpg', path + '/images/slideshow/8983.jpg', path + '/images/slideshow/9122.jpg', path + '/images/slideshow/9148.jpg', path + '/images/slideshow/9723.jpg', path + '/images/slideshow/9855.jpg', path + '/images/slideshow/9986.jpg' ]; //gallery.setStyles({'opacity': 0, 'display': 'none'}); var galleryImgs = $$('#gallery img'); if (galleryImgs.length > 0) galleryImgs.each(function(image) { image.remove(); }); gallery.setStyle('display', 'block'); function defile(){ var fx = $('gallery').effect('opacity').start(1); timer = 0; loadedImages.each(function(image, i) { timer += vis_duration; image.inject(gallery); image.setStyle('display', 'block'); fx = function() { var imgEffect = image.effect('opacity', {duration: trans_duration}); imgEffect.start(1).chain(function() { if (i <= loadedImages.length - 1) { this.start(0).chain(function() { image.remove(); }); } }); }.delay(timer); }); } new Asset.images(images, { onProgress: function(i) { this.setStyles({ 'position': 'relative', 'margin': 'auto', 'opacity': '0', 'left': '0', /*(gallery.getCoordinates().width / 2) - (this.width / 2),*/ 'top': (gallery.getCoordinates().height / 2) - (this.height / 2) }); loadedImages[i] = this; }, onComplete: function(){ //defile(); var interval = (vis_duration * (images.length))+ trans_duration + 250; defile.delay(0); defile.periodical(interval); } }); });