var x; var delai; function fade(X) { x = X; if (isIE){ document.slshw.filters.blendTrans.apply(); document.slshw.src="slide/ss"+x+".jpg"; document.slshw.filters.blendTrans.play(); } else{ crossfade(document.getElementById('slshw'), 'slide/ss'+x+'.jpg', '1', '') //document.slshw.src="slide/s"+x+".jpg"; } x--; if (x == 107) {x = 156;} delai = setTimeout('fade('+x+')',5000); } // IXF1.11 :: Image cross-fade // ***************************************************** // DOM scripting by brothercake -- http://www.brothercake.com/ //****************************************************** //global object var ixf = { 'clock' : null, 'count' : 1 } /******************************************************* /***************************************************************************** List the images that need to be cached *****************************************************************************/ ixf.imgs = [ 'slide/ss108.jpg', 'slide/ss109.jpg', 'slide/ss110.jpg', 'slide/ss111.jpg', 'slide/ss112.jpg', 'slide/ss113.jpg', 'slide/ss114.jpg', 'slide/ss115.jpg', 'slide/ss116.jpg', 'slide/ss117.jpg', 'slide/ss118.jpg', 'slide/ss119.jpg', 'slide/ss120.jpg', 'slide/ss121.jpg', 'slide/ss122.jpg', 'slide/ss123.jpg', 'slide/ss124.jpg', 'slide/ss125.jpg', 'slide/ss126.jpg', 'slide/ss127.jpg', 'slide/ss128.jpg', 'slide/ss129.jpg', 'slide/ss130.jpg', 'slide/ss131.jpg', 'slide/ss132.jpg', 'slide/ss133.jpg', 'slide/ss134.jpg', 'slide/ss135.jpg', 'slide/ss136.jpg', 'slide/ss137.jpg', 'slide/ss138.jpg', 'slide/ss139.jpg', 'slide/ss140.jpg', 'slide/ss141.jpg', 'slide/ss142.jpg', 'slide/ss143.jpg', 'slide/ss144.jpg', 'slide/ss145.jpg', 'slide/ss146.jpg', 'slide/ss147.jpg', 'slide/ss148.jpg', 'slide/ss149.jpg', 'slide/ss150.jpg', 'slide/ss151.jpg', 'slide/ss152.jpg', 'slide/ss153.jpg', 'slide/ss154.jpg', 'slide/ss155.jpg', 'slide/ss156.jpg', 'slide/ss157.jpg', ]; /***************************************************************************** *****************************************************************************/ //cache the images ixf.imgsLen = ixf.imgs.length; ixf.cache = []; for(var i=0; i 0 && typeof ixf.obj.filters.alpha == 'object' && typeof ixf.obj.filters.alpha.opacity == 'number') ? 'ie' : 'none'; } else { ixf.type = 'none'; } //change the image alt text if defined if(typeof arguments[3] != 'undefined' && arguments[3] != '') { ixf.obj.alt = arguments[3]; } //if any kind of opacity is supported if(ixf.type != 'none') { //create a new image object and append it to body //detecting support for namespaced element creation, in case we're in the XML DOM ixf.newimg = document.getElementsByTagName('body')[0].appendChild(document.createElement('img')); //set positioning classname ixf.newimg.className = 'idupe'; //move it to superimpose original image ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px'; ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px'; //set src to new image src ixf.newimg.src = ixf.src //copy and convert fade duration argument ixf.length = parseInt(arguments[2], 10) * 1000; //create fade resolution argument as 20 steps per transition ixf.resolution = parseInt(arguments[2], 10) * 20; //start the timer ixf.clock = setInterval('ixf.crossfade()', ixf.length/ixf.resolution); } //otherwise if opacity is not supported else { //just do the image swap ixf.obj.src = ixf.src; } } }; //crossfade timer function ixf.crossfade = function() { //decrease the counter on a linear scale ixf.count -= (1 / ixf.resolution); //if the counter has reached the bottom if(ixf.count < (1 / ixf.resolution)) { //clear the timer clearInterval(ixf.clock); ixf.clock = null; //reset the counter ixf.count = 1; //set the original image to the src of the new image ixf.obj.src = ixf.src; } //set new opacity value on both elements //using whatever method is supported switch(ixf.type) { case 'ie' : ixf.obj.filters.alpha.opacity = ixf.count * 100; ixf.newimg.filters.alpha.opacity = (1 - ixf.count) * 100; break; case 'khtml' : ixf.obj.style.KhtmlOpacity = ixf.count; ixf.newimg.style.KhtmlOpacity = (1 - ixf.count); break; case 'moz' : //restrict max opacity to prevent a visual popping effect in firefox ixf.obj.style.MozOpacity = (ixf.count == 1 ? 0.9999999 : ixf.count); ixf.newimg.style.MozOpacity = (1 - ixf.count); break; default : //restrict max opacity to prevent a visual popping effect in firefox ixf.obj.style.opacity = (ixf.count == 1 ? 0.9999999 : ixf.count); ixf.newimg.style.opacity = (1 - ixf.count); } //now that we've gone through one fade iteration //we can show the image that's fading in ixf.newimg.style.visibility = 'visible'; //keep new image in position with original image //in case text size changes mid transition or something ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px'; ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px'; //if the counter is at the top, which is just after the timer has finished if(ixf.count == 1) { //remove the duplicate image ixf.newimg.parentNode.removeChild(ixf.newimg); } }; //get real position method ixf.getRealPosition = function() { this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop; this.tmp = arguments[0].offsetParent; while(this.tmp != null) { this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop; this.tmp = this.tmp.offsetParent; } return this.pos; };