https://www.plantruffe.fr/Files/15269/OxCarrousel.js

1/*OxCarrousel V1.4
2 * Oxatis Carrousel
3 * Usage 1:
4 (function() {
5    var c = new OxCarrousel('#tableId');
6    c.run();
7 })();
8 
9  * Usage 2 (expert):
10 (function() {
11    var c = new OxCarrousel('#tableId', {
12        time: 4, // speed (in seconds)
13        rate: 3, // rate (1:slow, 5:fast)
14        ease: 'quadratic', // 'linear' or 'quadratic' or 'cubic'
15        comeFrom: 'shade', // 'shade' or 'left' or 'right' or 'top' or 'bottom' or 'rotate'
16        goTo: 'shade', // 'shade' or 'left' or 'right' or 'top' or 'bottom' or 'rotate'
17        htmlTemplate: '<div>#labels##tabs#</div>', //structure can be changed,
18        'tabMode': false // true:  autoslide is disabled.
19    });
20    c.run();
21 })();
22 *
23 */
24function OxSlideShow(a,b){this.container=a;this.parent=b;this.labelList=[];this.tabList=[]}OxSlideShow.prototype.addSlides=function(){return this.getContent()&&this.addStructure()&&this.buildLabels()&&this.buildSlides()&&this.initSlides()}; OxSlideShow.prototype.getContent=function(){function a(b,c){for(var d=b.children,e=0,f=d.length;e<f;e++)"tr"!==d[e].tagName.toLowerCase()?c=a(d[e],c):c.push(d[e]);return c}for(var b=a(this.container,[]),c=0,d=b.length;c<d;c++){var e=b[c].children;if(2!==e.length&&window.console&&console.warn)return console.warn("Structure problem"),!1;this.tabList.push(b[c].removeChild(e[1]));this.labelList.push(b[c].removeChild(e[0]))}return!0}; OxSlideShow.prototype.addStructure=function(){var a=this.parent.htmlTemplate.replace(/#tabs#/gi,'<div class="tagsListZone"></div>').replace(/#labels#/gi,'<ul class="tagsList"></ul>'),b=document.createElement("div");this.container.parentNode.insertBefore(b,this.container);b.innerHTML=a;for(var a=this.container.attributes,c=0,d=a.length;c<d;c++)b.firstChild.setAttribute(a[c].name,a[c].value);this.container.parentNode.removeChild(this.container);a=b.firstChild;b.parentNode.insertBefore(a,b);b.parentNode.removeChild(b); this.container=a;this.tabsContainer=OxCarrousel.querySelectorAll(".tagsListZone",this.container)[0];this.tabsContainer.style.position="relative";this.tabsContainer.style.overflow="hidden";this.labelsContainer=OxCarrousel.querySelectorAll(".tagsList",this.container)[0];return!0}; OxSlideShow.prototype.buildLabels=function(){for(var a=this,b=0,c=this.labelList.length;b<c;b++){var d=document.createElement("li");d.className="tagListElements";var e=document.createElement("a");e.className="tagLinks tagLink"+b+1;d.appendChild(e);OxCarrousel.addChildNodes(e,this.labelList[b]);this.labelsContainer.appendChild(d);d=function(b){return function(c){a.clickHandler(c,b)}}(b);this.labelList[b]=e;OxCarrousel.traceEvent(e,"click",d)}return!0}; OxSlideShow.prototype.buildSlides=function(){for(var a=this,b=0,c=this.tabList.length;b<c;b++){var d=document.createElement("div");d.className="tagsZone";d.style.position="absolute";d.style.display="none";OxCarrousel.addChildNodes(d,this.tabList[b]);this.tabsContainer.appendChild(d);d.ctx=this;d.index=b;this.tabList[b]=d;OxCarrousel.traceEvent(d,"mouseover",function(b){a.tabHoverHandler(b)});OxCarrousel.traceEvent(d,"mouseout",function(b){a.tabLeftHandler(b)});var e;if(OxCarrousel.hasClass(d,this.parent.fullClickTrigger)&& (e=OxCarrousel.findLink(d))){var g=function(a){return function(b){window.location.assign(a)}}(e);d.style.cursor="pointer";OxCarrousel.traceEvent(d,"click",g)}}return!0}; OxSlideShow.prototype.initSlides=function(){this.dontMoove=!1;this.increment=OxCarrousel.countInit(this.tabList.length);this.position=this.increment();OxCarrousel.addClass(this.labelList[this.position],"taghighlighted");var a=this.tabList[this.position];OxCarrousel.setProperties(a,this.parent.cssIn,100);a.style.position="relative";a.style.display="block";var b=this;this.parent.tabMode||setTimeout(function(){b.autoSlide()},this.parent.time);return!0}; OxSlideShow.prototype.autoSlide=function(){var a=this;this.nextSlide();this.timer=setTimeout(function(){a.autoSlide()},this.parent.time)}; OxSlideShow.prototype.nextSlide=function(a){function b(){e+=h;g=d.parent.easeMethod(e,0,100,100);OxCarrousel.setProperties(f,k,g);OxCarrousel.setProperties(c,l,100-g);100>=e?OxCarrousel.requestAnimationFrame(b):(OxCarrousel.setProperties(f,k,100),c.filters&&c.style.removeAttribute("filter"),f.filters&&f.style.removeAttribute("filter"),f.style.position="relative",c.style.display="none",c.style.position="absolute",d.dontMoove=!1)}if(!this.dontMoove&&(this.previous=this.position,this.position="undefined"=== typeof a?this.increment():a,this.previous!==this.position)){var c,d=this,e=0,g,h=this.parent.rate,l=this.parent.cssOut,k=this.parent.cssIn;OxCarrousel.removeClass(this.labelList[this.previous],"taghighlighted");c=this.tabList[this.previous];OxCarrousel.setProperties(c,l,0);c.style.zIndex=1;OxCarrousel.addClass(this.labelList[this.position],"taghighlighted");var f=this.tabList[this.position];f.style.position=c?"absolute":"relative";OxCarrousel.setProperties(f,k,100);f.style.display="block";f.style.zIndex= 2;this.dontMoove=!0;b();return!0}};OxSlideShow.prototype.clickHandler=function(a,b){this.nextSlide(b);a.stopPropagation&&a.stopPropagation()};OxSlideShow.prototype.tabHoverHandler=function(a){this.dontMoove=!0;a.stopPropagation&&a.stopPropagation()};OxSlideShow.prototype.tabLeftHandler=function(a){this.dontMoove=!1;a.stopPropagation&&a.stopPropagation()}; function OxCarrousel(a,b){this.target=a||"#carrousel";b=b||{};b.time&&(this.time=b.time);b.rate&&(this.rate=b.rate);b.ease&&(this.ease=b.ease);b.tabMode&&(this.tabMode=!0);b.comeFrom&&(this.comeFrom=b.comeFrom);b.goTo&&(this.goTo=b.goTo);b.htmlTemplate&&(this.htmlTemplate=b.htmlTemplate)}OxCarrousel.prototype.htmlTemplate="<div>#labels##tabs#</div>";OxCarrousel.prototype.time=5;OxCarrousel.prototype.rate=2;OxCarrousel.prototype.comeFrom="shade";OxCarrousel.prototype.goTo="shade"; OxCarrousel.prototype.tabMode=!1;OxCarrousel.prototype.fullClickTrigger="fullClick";OxCarrousel.prototype.run=function(){var a=this;OxCarrousel.starter(function(b){a.init()})};OxCarrousel.starter=function(a){window.oxLoaded?window.setTimeout(a,0):window.addEventListener?window.addEventListener("DOMContentLoaded",a,!1):window.attachEvent&&window.attachEvent("onload",a)}; OxCarrousel.prototype.init=function(){var a=OxCarrousel.querySelectorAll(this.target,document),b=a.length,c;if(b)for(this.list=[],this.time*=1E3,this.easeMethod=(c=OxCarrousel.ease[this.ease])?c:OxCarrousel.ease.linear,this.cssOut=(c=OxCarrousel.effect[this.goTo])?c:OxCarrousel.effect.shade,this.cssIn=(c=OxCarrousel.effect[this.comeFrom])?c:OxCarrousel.effect.shade,c=0;c<b;c++){var d=new OxSlideShow(a[c],this);d.addSlides()&&this.list.push(d)}};OxCarrousel.emptyNodes=function(a){for(;a.firstChild;)a.removeChild(a.firstChild)}; OxCarrousel.addChildNodes=function(a,b){for(var c;c=b.firstChild;)a.appendChild(c)};OxCarrousel.querySelectorAll=function(a,b){if(document.querySelectorAll)return b.querySelectorAll(a);if(!document.createStyleSheet)return!1;var c=document.createStyleSheet(),d=b.all,e=[];a=a.replace(/\[for\b/gi,"[htmlFor").split(",");for(var g=a.length;g--;){c.addRule(a[g],"k:v");for(var h=d.length;h--;)d[h].currentStyle.k&&e.push(d[h]);c.removeRule(0)}return e}; OxCarrousel.countInit=function(a){var b=0;return function(){return b++%a}};OxCarrousel.traceEvent=function(a,b,c){window.addEventListener?a.addEventListener(b,c,!1):window.attachEvent&&a.attachEvent("on"+b,c)};OxCarrousel.requestAnimationFrame=function(a){window.requestAnimationFrame?window.requestAnimationFrame(a):window.msRequestAnimationFrame?window.msRequestAnimationFrame(a):window.setTimeout(a,1E3/60)}; OxCarrousel.setProperty=function(a,b,c){switch(b){case "opacity":"opacity"in a.style?a.style.opacity=c:a.filters&&(a.style.zoom=1,a.style.filter="alpha(opacity="+parseInt(100*c)+")");break;default:b in a.style&&(a.style[b]=c)}};OxCarrousel.setProperties=function(a,b,c){for(var d in b.from){var e=b.from[d]+(b.to[d]-b.from[d])/100*c;b.after&&b.after[d]&&(e+=b.after[d]);b.before&&b.before[d]&&(e=b.before[d]+e);OxCarrousel.setProperty(a,d,e)}};

24 OxCarrousel.addClass=function(a,b){a.className+=(a.className?" ":"")+b};OxCarrousel.removeClass=function(a,b){a.className=a.className.replace(RegExp("s?"+b,"g"),"")};OxCarrousel.hasClass=function(a,b){return RegExp(b,"").test(a.className)||!!OxCarrousel.querySelectorAll("."+b,a).length};OxCarrousel.findLink=function(a){a=OxCarrousel.querySelectorAll("a",a);for(var b,c=0,d=a.length;c<d;c++)if(b=a[c].href)return b;return null}; OxCarrousel.ease={quadratic:function(a,b,c,d){a/=d;return c*a*a+b},linear:function(a,b,c,d){return c*a/d+b},cubic:function(a,b,c,d){a/=d;return c*a*a*a+b}}; OxCarrousel.effect={shade:{from:{opacity:0,top:0,left:0},to:{opacity:1,top:0,left:0}},right:{from:{opacity:1,left:100,top:0},to:{opacity:1,left:0,top:0},after:{left:"%"}},left:{from:{opacity:1,left:-100,top:0},to:{opacity:1,left:0,top:0},after:{left:"%"}},bottom:{from:{opacity:1,left:0,top:100},to:{opacity:1,left:0,top:0},after:{top:"%"}},top:{from:{opacity:1,left:0,top:-100},to:{opacity:1,left:0,top:0},after:{top:"%"}},rotate:{from:{opacity:0,left:0,top:0,transform:180},to:{opacity:1,left:0,top:0, transform:0},before:{transform:"rotatey("},after:{transform:"deg)"}}};OxCarrousel.starter(function(){window.oxLoaded=!0});