diff --git a/README.md b/README.md index fbe9b505..b42f7ad4 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # tiny-slider -![version](https://img.shields.io/badge/Version-0.6.3-green.svg) +![version](https://img.shields.io/badge/Version-0.6.4-green.svg) Tiny slider for all purposes, inspired by [Owl Carousel](http://owlcarousel.owlgraphic.com/). Works on morden browsers and IE8+. [demo](http://creatiointl.org/william/tiny-slider/v1/demo/) diff --git a/bower.json b/bower.json index 13ba1f86..170382a6 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "tiny-slider", - "version": "0.6.3", + "version": "0.6.4", "homepage": "https://github.com/ganlanyuan/tiny-slider", "authors": [ "WilliamLin " diff --git a/changelog.md b/changelog.md index 6559802f..4bf8448b 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,8 @@ # Changelog +#### v0.6.4 +- Fixed: an initialization issue on IE8-9. + #### v0.6.3 - Added: `getIndex` method. - Improved: set index to real index. diff --git a/dist/min/tiny-slider.ie8.js b/dist/min/tiny-slider.ie8.js index 4fa7fcf5..a601552a 100644 --- a/dist/min/tiny-slider.ie8.js +++ b/dist/min/tiny-slider.ie8.js @@ -1,2 +1,2 @@ -Object.keys||(Object.keys=function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.push(n);return t}),function(){if(!Element.prototype.addEventListener){var e=[],t=function(t,n){var r=this,o=function(e){e.target=e.srcElement,e.currentTarget=r,"undefined"!=typeof n.handleEvent?n.handleEvent(e):n.call(r,e)};if("DOMContentLoaded"==t){var i=function(e){"complete"==document.readyState&&o(e)};if(document.attachEvent("onreadystatechange",i),e.push({object:this,type:t,listener:n,wrapper:i}),"complete"==document.readyState){var l=new Event;l.srcElement=window,i(l)}}else this.attachEvent("on"+t,o),e.push({object:this,type:t,listener:n,wrapper:o})},n=function(t,n){for(var r=0;r=0;--n)if(e=t[n],1===e.nodeType)return e;return null}})}(),function(){"use strict";"previousElementSibling"in document.documentElement||Object.defineProperty(Element.prototype,"previousElementSibling",{get:function(){for(var e=this.previousSibling;e&&1!==e.nodeType;)e=e.previousSibling;return e}})}(),function(){"use strict";"nextElementSibling"in document.documentElement||Object.defineProperty(Element.prototype,"nextElementSibling",{get:function(){for(var e=this.nextSibling;e&&1!==e.nodeType;)e=e.nextSibling;return e}})}(),function(){"use strict";window.getComputedStyle||(window.getComputedStyle=function(e){if(!e)return null;var t=e.currentStyle,n=e.getBoundingClientRect(),r=document.createElement("div"),o=r.style;for(var i in t)o[i]=t[i];return o.cssFloat=o.styleFloat,"auto"===o.width&&(o.width=n.right-n.left+"px"),"auto"===o.height&&(o.height=n.bottom-n.top+"px"),o})}(); +Object.keys||(Object.keys=function(e){var t=[];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.push(n);return t}),Array.isArray||(Array.isArray=function(e){return"[object Array]"==Object.prototype.toString.call(e)}),function(){if(!Element.prototype.addEventListener){var e=[],t=function(t,n){var r=this,o=function(e){e.target=e.srcElement,e.currentTarget=r,"undefined"!=typeof n.handleEvent?n.handleEvent(e):n.call(r,e)};if("DOMContentLoaded"==t){var i=function(e){"complete"==document.readyState&&o(e)};if(document.attachEvent("onreadystatechange",i),e.push({object:this,type:t,listener:n,wrapper:i}),"complete"==document.readyState){var l=new Event;l.srcElement=window,i(l)}}else this.attachEvent("on"+t,o),e.push({object:this,type:t,listener:n,wrapper:o})},n=function(t,n){for(var r=0;r=0;--n)if(e=t[n],1===e.nodeType)return e;return null}})}(),function(){"use strict";"previousElementSibling"in document.documentElement||Object.defineProperty(Element.prototype,"previousElementSibling",{get:function(){for(var e=this.previousSibling;e&&1!==e.nodeType;)e=e.previousSibling;return e}})}(),function(){"use strict";"nextElementSibling"in document.documentElement||Object.defineProperty(Element.prototype,"nextElementSibling",{get:function(){for(var e=this.nextSibling;e&&1!==e.nodeType;)e=e.nextSibling;return e}})}(),function(){"use strict";window.getComputedStyle||(window.getComputedStyle=function(e){if(!e)return null;var t=e.currentStyle,n=e.getBoundingClientRect(),r=document.createElement("div"),o=r.style;for(var i in t)o[i]=t[i];return o.cssFloat=o.styleFloat,"auto"===o.width&&(o.width=n.right-n.left+"px"),"auto"===o.height&&(o.height=n.bottom-n.top+"px"),o})}(); //# sourceMappingURL=../sourcemaps/tiny-slider.ie8.js.map diff --git a/dist/min/tiny-slider.js b/dist/min/tiny-slider.js index b1e5fac7..4ae0bae9 100644 --- a/dist/min/tiny-slider.js +++ b/dist/min/tiny-slider.js @@ -1,2 +1,2 @@ -!function(){"use strict";var n,t,e,i,r=window,o=document,a=Object,c=null,d=!0,u=!1,l=" ",s="Element",f="create"+s,v="DOMTokenList",h="__defineGetter__",m="defineProperty",p="class",g="List",y=p+g,b="rel",w=b+g,E="div",x="length",M="contains",L="apply",T="HTML",C=("item "+M+" add remove toggle toString toLocaleString").split(l),N=C[2],A=C[3],S=C[4],P="prototype",k=m in a||h in a[P]||c,D=function(n,t,e,i){a[m]?a[m](n,t,{configurable:u===k?d:!!i,get:e}):n[h](t,e)},O=function(t,e){var i=this,r=[],o={},c=0,s=0,f=function(){if(c>=s)for(;s>>0,t[e]=r.join(l),f())},i[A]=function(){v[L](i,n=arguments);for(var n,a={},u=0,s=[];u>>0,t[e]=r.join(l),f()},i[S]=function(t,e){return v[L](i,[t]),n!==e?e?(i[N](t),d):(i[A](t),u):o[t]?(i[A](t),u):(i[N](t),d)},function(n,t){if(t)for(var e=0;e<7;++e)t(n,C[e],{enumerable:u})}(i,a[m]),i},F=function(n,t,e){D(n[P],t,function(){var n,i=this,r=h+m+t;if(i[r])return n;if(i[r]=d,u===k){for(var a,c=F.mirror=F.mirror||o[f](E),l=c.childNodes,s=l[x],v=0;vt[x]&&(e=P[N],i=P[A],P[N]=function(){for(var n=0,t=arguments;n0&&t.right>0&&t.top0?t.cloneNode(!0):t,o=e[i],a=o.parentNode,c=o.nextSibling;r.appendChild(o),c?a.insertBefore(r,c):a.appendChild(r)}},gn.unwrap=function(n){for(var t=gn.isNodeList(n)?n:[n],e=t.length;e--;){for(var i=t[e],r=i.parentNode;i.firstChild;)r.insertBefore(i.firstChild,i);r.removeChild(i)}};var tinySlider=function(){"use strict";function n(n){function f(){xn.className="tiny-slider",gn.wrap(En,xn),pn=xn.clientWidth}function g(){wn=ht(),hn=Jn-wn-Sn,un=mt(),vn=pt(),Vn=Xn||"page"===n.slideBy?wn:n.slideBy}function y(){var n=-Nn;An&&(Pn?n=D():n+=An+Tn),En.classList.add("tiny-content",yn,bn),En.style.cssText+="width: "+(un+1)*Jn+"px; margin-left: "+n+"px; "+h+": translate3d("+-et*un+"px, 0px, 0px);"}function b(){navigator.msMaxTouchPoints&&(xn.classList.add("ms-touch"),xn.addEventListener("scroll",tn,!1))}function w(){""===En.id?En.id=dn=t():dn=En.id;for(var n=0;n"),On=xn.querySelector(".tiny-controls")),ln=On.querySelector('[data-controls="prev"]'),sn=On.querySelector('[data-controls="next"]'),r(On,"tabindex")||(a(On,{"aria-label":"Carousel Navigation"}),a(On.children,{"aria-controls":dn,tabindex:"-1"})))}function M(){if(Fn){if(!n.navContainer){for(var t="",e=0;e';Hn&&(t+='"),t='
'+t+"
",gn.append(xn,t),In=xn.querySelector(".tiny-nav")}if(fn=In.querySelectorAll("[data-slide]"),!r(In,"aria-label")){a(In,{"aria-label":"Carousel Pagination"});for(var i=0;i"),In=xn.querySelector(".tiny-nav")),at=In.querySelector("[data-action]"),V())}function T(){for(var n=et;nit?(n=it,t=Math.min(it+wn,et),e=Math.max(it+wn,et),i=et+wn):(n=Math.max(et+wn,it),t=it+wn,e=et,i=Math.min(et+wn,it))),it=et,Vn%1!==0&&(n=Math.round(n),t=Math.round(t),e=Math.round(e),i=Math.round(i));for(var r=n;rQn)for(var n=Qn;nt)&&(et-Ln>=n&&et-Ln<=t?et-=Ln:et+=Ln,B(0))}function z(n){a(En,{"aria-busy":"true"}),B(n),m||G()}function G(n){m&&"height"===n.propertyName||(Rn&&j(),I(),q(),H(),N(),A(),c(En,"aria-busy"))}function R(n){if("true"!==o(En,"aria-busy")){var t=et+n*Vn,e=Math.abs(n*Vn);et=Rn?t:Math.max(Sn,Math.min(t,hn)),z(e)}}function U(){R(-1)}function _(){R(Gn&&et===Ln-wn?(wn-Ln)/Vn:1)}function X(t){if("true"!==o(En,"aria-busy")){for(var e,i,r=t.target||t.srcElement;gn.indexOf(fn,r)===-1;)r=r.parentNode;e=Zn=Number(o(r,"data-slide")),et=n.navContainer?e+$n:e*wn+$n,et=Rn?et:Math.min(et,hn),i=Math.abs(et-it),z(i)}}function V(){ot=setInterval(function(){R(jn)},Bn),at.setAttribute("data-action","stop"),at.innerHTML=""+zn[1],ct=!0}function K(){clearInterval(ot),at.setAttribute("data-action","start"),at.innerHTML=""+zn[0],ct=!1}function Y(){ct?K():V()}function $(){ct&&K()}function J(n){n=n||window.event,n.keyCode===p.LEFT?R(-1):n.keyCode===p.RIGHT&&R(Gn&&et===Ln-wn?(wn-Ln)/Vn:1)}function Q(n,t){"object"==typeof n&&"object"==typeof t&&n===document.activeElement&&(n.blur(),t.focus())}function Z(n){n=n||window.event;var t=n.keyCode,e=document.activeElement;switch(t){case p.LEFT:case p.UP:case p.HOME:case p.PAGEUP:e!==ln&&ln.disabled!==!0&&Q(e,ln);break;case p.RIGHT:case p.DOWN:case p.END:case p.PAGEDOWN:e!==sn&&sn.disabled!==!0&&Q(e,sn);break;case p.ENTER:case p.SPACE:e===sn?_():U()}}function nn(n){n=n||window.event;var t=n.keyCode,e=document.activeElement,i=o(e,"data-slide");switch(t){case p.LEFT:case p.PAGEUP:i>0&&Q(e,e.previousElementSibling);break;case p.UP:case p.HOME:0!==i&&Q(e,fn[0]);break;case p.RIGHT:case p.PAGEDOWN:i0?Math.floor(e):Math.ceil(e),et=Math.max(Sn,Math.min(e,hn));var i=-et*un;Rn||An||!Pn||(i=Math.max(-(un*Ln-pn),i)),B(1,i),m||G()}}function an(){clearTimeout(mn),mn=setTimeout(function(){xn.clientWidth!==pn&&(pn=xn.clientWidth,g(),k(),gt(),W(),navigator.msMaxTouchPoints&&F(),B(0),m||G())},100)}function cn(){rt||window.requestAnimationFrame(function(){N(),rt=!1}),rt=!0}if(n=gn.extend({container:document.querySelector(".slider"),mode:"carousel",direction:"horizontal",items:1,gutter:0,gutterPosition:"right",edgePadding:0,fixedWidth:!1,slideByPage:!1,slideBy:1,controls:!0,controlsText:["prev","next"],controlsContainer:!1,nav:!0,navContainer:!1,arrowKeys:!1,speed:250,autoplay:!1,autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],loop:!0,autoHeight:!1,responsive:!1,lazyload:!1,touch:!0,rewind:!1},n||{}),"object"!=typeof n.container||null===n.container)return{init:function(){},destory:function(){}};var dn,un,ln,sn,fn,vn,hn,mn,pn,yn=n.mode,bn=n.direction,wn=n.items,En=n.container,xn=document.createElement("div"),Mn=En.children,Ln=Mn.length,Tn=n.gutter,Cn="right"===n.gutterPosition?"margin-right":"margin-left",Nn="left"===n.gutterPosition?Tn:0,An=n.edgePadding,Sn=An?1:0,Pn=n.fixedWidth,kn=n.controls,Dn=n.controlsText,On=!!n.controlsContainer&&n.controlsContainer,Fn=n.nav,In=!!n.navContainer&&n.navContainer,Wn=n.arrowKeys,qn=v?n.speed:0,Hn=n.autoplay,Bn=n.autoplayTimeout,jn="forward"===n.autoplayDirection?1:-1,zn=n.autoplayText,Gn=n.rewind,Rn=!n.rewind&&n.loop,Un=n.autoHeight,_n=!Pn&&n.responsive,Xn=n.slideByPage,Vn=Xn||"page"===n.slideBy?wn:n.slideBy,Kn=n.lazyload,Yn=n.touch,$n=Rn?Math.ceil(1.5*Ln):An?1:0,Jn=Ln+2*$n,Qn=Ln,Zn=-1,nt=0,tt=0,et=$n,it=et,rt=!1;if(Hn)var ot,at,ct=!1;if(Yn)var dt,ut,lt,st,ft=0,vt=0;var ht=function(){return Pn?function(){return Math.max(1,Math.min(Ln,Math.floor(pn/Pn)))}:function(){var t=n.items,e=document.documentElement.clientWidth,i="object"==typeof _n&&Object.keys(_n);if(i)for(var r=0;r=i[r]&&(t=_n[i[r]]);return Math.max(1,Math.min(Ln,t))}}(),mt=function(){return Pn?function(){return Pn+Tn}:navigator.appVersion.indexOf("MSIE 8")>0?An?function(){return Math.round((pn-Tn-2*An)/wn)}:function(){return Math.round((pn+Tn)/wn)}:An?function(){return(pn-Tn-2*An)/wn}:function(){return(pn+Tn)/wn}}(),pt=function(){return n.navContainer?function(){return Ln}:function(){return Math.ceil(Ln/wn)}}(),gt=function(){return Pn?An?function(){En.style.marginLeft=D()+"px"}:void 0:function(){En.style.width=(un+1)*Jn+"px";for(var n=Jn;n--;)Mn[n].style.width=un-Tn+"px"}}(),yt=function(){return v?function(n){En.style[v]=qn*n/1e3+"s"}:function(){}}(),bt=function(){return h?function(n){var t=n||-un*et;En.style[h]="translate3d("+t+"px, 0, 0)"}:function(n){var t=n||-un*et;En.style.left=t+"px"}}();return{init:P,destory:function(){if(gn.unwrap(xn),xn=null,En.classList.remove("tiny-content",yn,bn),c(En,["id","style"]),Rn)for(var t=$n;t--;)Mn[0].remove(),Mn[Mn.length-1].remove();c(Mn,["id","style","aria-hidden"]),dn=Ln=null,kn&&(n.controlsContainer?(c(On,["aria-label"]),c(On.children,["aria-controls","tabindex"]),d(On)):(On.remove(),On=ln=sn=null)),Fn&&(n.navContainer?(c(In,["aria-label"]),c(fn,["aria-selected","aria-controls","tabindex"]),d(In)):(In.remove(),In=null),fn=null),Hn&&(n.navContainer||null===In?d(at):(In.remove(),In=null)),d(En),Wn&&document.removeEventListener("keydown",J,!1),window.removeEventListener("resize",an,!1),window.removeEventListener("scroll",cn,!1)},getIndex:function(){return et}}}function t(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function e(n,t){return Math.atan2(n,t)*(180/Math.PI)}function i(n,t){return Math.abs(90-Math.abs(n))>=90-t?"horizontal":Math.abs(90-Math.abs(n))<=t&&"vertical"}function r(n,t){return n.hasAttribute(t)}function o(n,t){return n.getAttribute(t)}function a(n,t){if(n=gn.isNodeList(n)||n instanceof Array?n:[n],"[object Object]"===Object.prototype.toString.call(t))for(var e=n.length;e--;)for(var i in t)n[e].setAttribute(i,t[i])}function c(n,t){n=gn.isNodeList(n)||n instanceof Array?n:[n],t=t instanceof Array?t:[t];for(var e=t.length,i=n.length;i--;)for(var r=e;r--;)n[i].removeAttribute(t[r])}function d(n){var t=n.cloneNode(!0),e=n.parentNode;e.insertBefore(t,n),n.remove(),n=null}function u(n){r(n,"hidden")||a(n,{hidden:""})}function l(n){r(n,"hidden")&&c(n,"hidden")}function s(n){return"boolean"==typeof n.complete?n.complete:"number"==typeof n.naturalWidth?0!==n.naturalWidth:void 0}function f(){var n,t=document.createElement("fakeelement"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(n in e)if(void 0!==t.style[n])return e[n];return!1}var v=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),h=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),m=f(),p={ENTER:13,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};return n}(); +!function(){"use strict";var n,t,e,i,r=window,o=document,a=Object,c=null,d=!0,u=!1,l=" ",s="Element",f="create"+s,v="DOMTokenList",h="__defineGetter__",m="defineProperty",p="class",g="List",y=p+g,b="rel",w=b+g,E="div",x="length",M="contains",L="apply",T="HTML",C=("item "+M+" add remove toggle toString toLocaleString").split(l),N=C[2],A=C[3],S=C[4],P="prototype",k=m in a||h in a[P]||c,D=function(n,t,e,i){a[m]?a[m](n,t,{configurable:u===k?d:!!i,get:e}):n[h](t,e)},O=function(t,e){var i=this,r=[],o={},c=0,s=0,f=function(){if(c>=s)for(;s>>0,t[e]=r.join(l),f())},i[A]=function(){v[L](i,n=arguments);for(var n,a={},u=0,s=[];u>>0,t[e]=r.join(l),f()},i[S]=function(t,e){return v[L](i,[t]),n!==e?e?(i[N](t),d):(i[A](t),u):o[t]?(i[A](t),u):(i[N](t),d)},function(n,t){if(t)for(var e=0;e<7;++e)t(n,C[e],{enumerable:u})}(i,a[m]),i},F=function(n,t,e){D(n[P],t,function(){var n,i=this,r=h+m+t;if(i[r])return n;if(i[r]=d,u===k){for(var a,c=F.mirror=F.mirror||o[f](E),l=c.childNodes,s=l[x],v=0;vt[x]&&(e=P[N],i=P[A],P[N]=function(){for(var n=0,t=arguments;n0&&t.right>0&&t.top0?t.cloneNode(!0):t,o=e[i],a=o.parentNode,c=o.nextSibling;r.appendChild(o),c?a.insertBefore(r,c):a.appendChild(r)}},gn.unwrap=function(n){for(var t=gn.isNodeList(n)?n:[n],e=t.length;e--;){for(var i=t[e],r=i.parentNode;i.firstChild;)r.insertBefore(i.firstChild,i);r.removeChild(i)}};var tinySlider=function(){"use strict";function n(n){function f(){xn.className="tiny-slider",gn.wrap(En,xn),pn=xn.clientWidth}function g(){wn=ht(),hn=Jn-wn-Sn,un=mt(),vn=pt(),Vn=Xn||"page"===n.slideBy?wn:n.slideBy}function y(){var n=-Nn;An&&(Pn?n=D():n+=An+Tn),En.classList.add("tiny-content",yn,bn);var t="width: "+(un+1)*Jn+"px; ",e=-et*un,i=h?h+": translate3d("+e+"px, 0px, 0px)":"left: "+e+"px";En.style.cssText+=t+i}function b(){navigator.msMaxTouchPoints&&(xn.classList.add("ms-touch"),xn.addEventListener("scroll",tn,!1))}function w(){""===En.id?En.id=dn=t():dn=En.id;for(var n=0;n"),On=xn.querySelector(".tiny-controls")),ln=On.querySelector('[data-controls="prev"]'),sn=On.querySelector('[data-controls="next"]'),r(On,"tabindex")||(a(On,{"aria-label":"Carousel Navigation"}),a(On.children,{"aria-controls":dn,tabindex:"-1"})))}function M(){if(Fn){if(!n.navContainer){for(var t="",e=0;e';Hn&&(t+='"),t='
'+t+"
",gn.append(xn,t),In=xn.querySelector(".tiny-nav")}if(fn=In.querySelectorAll("[data-slide]"),!r(In,"aria-label")){a(In,{"aria-label":"Carousel Pagination"});for(var i=0;i"),In=xn.querySelector(".tiny-nav")),at=In.querySelector("[data-action]"),V())}function T(){for(var n=et;nit?(n=it,t=Math.min(it+wn,et),e=Math.max(it+wn,et),i=et+wn):(n=Math.max(et+wn,it),t=it+wn,e=et,i=Math.min(et+wn,it))),it=et,Vn%1!==0&&(n=Math.round(n),t=Math.round(t),e=Math.round(e),i=Math.round(i));for(var r=n;rQn)for(var n=Qn;nt)&&(et-Ln>=n&&et-Ln<=t?et-=Ln:et+=Ln,B(0))}function z(n){a(En,{"aria-busy":"true"}),B(n),m||G()}function G(n){m&&"height"===n.propertyName||(Rn&&j(),I(),q(),H(),N(),A(),c(En,"aria-busy"))}function R(n){if("true"!==o(En,"aria-busy")){var t=et+n*Vn,e=Math.abs(n*Vn);et=Rn?t:Math.max(Sn,Math.min(t,hn)),z(e)}}function U(){R(-1)}function _(){R(Gn&&et===Ln-wn?(wn-Ln)/Vn:1)}function X(t){if("true"!==o(En,"aria-busy")){for(var e,i,r=t.target||t.srcElement;gn.indexOf(fn,r)===-1;)r=r.parentNode;e=Zn=Number(o(r,"data-slide")),et=n.navContainer?e+$n:e*wn+$n,et=Rn?et:Math.min(et,hn),i=Math.abs(et-it),z(i)}}function V(){ot=setInterval(function(){R(jn)},Bn),at.setAttribute("data-action","stop"),at.innerHTML=""+zn[1],ct=!0}function K(){clearInterval(ot),at.setAttribute("data-action","start"),at.innerHTML=""+zn[0],ct=!1}function Y(){ct?K():V()}function $(){ct&&K()}function J(n){n=n||window.event,n.keyCode===p.LEFT?R(-1):n.keyCode===p.RIGHT&&R(Gn&&et===Ln-wn?(wn-Ln)/Vn:1)}function Q(n,t){"object"==typeof n&&"object"==typeof t&&n===document.activeElement&&(n.blur(),t.focus())}function Z(n){n=n||window.event;var t=n.keyCode,e=document.activeElement;switch(t){case p.LEFT:case p.UP:case p.HOME:case p.PAGEUP:e!==ln&&ln.disabled!==!0&&Q(e,ln);break;case p.RIGHT:case p.DOWN:case p.END:case p.PAGEDOWN:e!==sn&&sn.disabled!==!0&&Q(e,sn);break;case p.ENTER:case p.SPACE:e===sn?_():U()}}function nn(n){n=n||window.event;var t=n.keyCode,e=document.activeElement,i=o(e,"data-slide");switch(t){case p.LEFT:case p.PAGEUP:i>0&&Q(e,e.previousElementSibling);break;case p.UP:case p.HOME:0!==i&&Q(e,fn[0]);break;case p.RIGHT:case p.PAGEDOWN:i0?Math.floor(e):Math.ceil(e),et=Math.max(Sn,Math.min(e,hn));var i=-et*un;Rn||An||!Pn||(i=Math.max(-(un*Ln-pn),i)),B(1,i),m||G()}}function an(){clearTimeout(mn),mn=setTimeout(function(){xn.clientWidth!==pn&&(pn=xn.clientWidth,g(),k(),gt(),W(),navigator.msMaxTouchPoints&&F(),B(0),m||G())},100)}function cn(){rt||window.requestAnimationFrame(function(){N(),rt=!1}),rt=!0}if(n=gn.extend({container:document.querySelector(".slider"),mode:"carousel",direction:"horizontal",items:1,gutter:0,gutterPosition:"right",edgePadding:0,fixedWidth:!1,slideByPage:!1,slideBy:1,controls:!0,controlsText:["prev","next"],controlsContainer:!1,nav:!0,navContainer:!1,arrowKeys:!1,speed:250,autoplay:!1,autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],loop:!0,autoHeight:!1,responsive:!1,lazyload:!1,touch:!0,rewind:!1},n||{}),"object"!=typeof n.container||null===n.container)return{init:function(){},destory:function(){}};var dn,un,ln,sn,fn,vn,hn,mn,pn,yn=n.mode,bn=n.direction,wn=n.items,En=n.container,xn=document.createElement("div"),Mn=En.children,Ln=Mn.length,Tn=n.gutter,Cn="right"===n.gutterPosition?"margin-right":"margin-left",Nn="left"===n.gutterPosition?Tn:0,An=n.edgePadding,Sn=An?1:0,Pn=n.fixedWidth,kn=n.controls,Dn=n.controlsText,On=!!n.controlsContainer&&n.controlsContainer,Fn=n.nav,In=!!n.navContainer&&n.navContainer,Wn=n.arrowKeys,qn=v?n.speed:0,Hn=n.autoplay,Bn=n.autoplayTimeout,jn="forward"===n.autoplayDirection?1:-1,zn=n.autoplayText,Gn=n.rewind,Rn=!n.rewind&&n.loop,Un=n.autoHeight,_n=!Pn&&n.responsive,Xn=n.slideByPage,Vn=Xn||"page"===n.slideBy?wn:n.slideBy,Kn=n.lazyload,Yn=n.touch,$n=Rn?Math.ceil(1.5*Ln):An?1:0,Jn=Ln+2*$n,Qn=Ln,Zn=-1,nt=0,tt=0,et=$n,it=et,rt=!1;if(Hn)var ot,at,ct=!1;if(Yn)var dt,ut,lt,st,ft=0,vt=0;var ht=function(){return Pn?function(){return Math.max(1,Math.min(Ln,Math.floor(pn/Pn)))}:function(){var t=n.items,e=document.documentElement.clientWidth,i="object"==typeof _n&&Object.keys(_n);if(i)for(var r=0;r=i[r]&&(t=_n[i[r]]);return Math.max(1,Math.min(Ln,t))}}(),mt=function(){return Pn?function(){return Pn+Tn}:navigator.appVersion.indexOf("MSIE 8")>0?An?function(){return Math.round((pn-Tn-2*An)/wn)}:function(){return Math.round((pn+Tn)/wn)}:An?function(){return(pn-Tn-2*An)/wn}:function(){return(pn+Tn)/wn}}(),pt=function(){return n.navContainer?function(){return Ln}:function(){return Math.ceil(Ln/wn)}}(),gt=function(){return Pn?An?function(){En.style.marginLeft=D()+"px"}:void 0:function(){En.style.width=(un+1)*Jn+"px";for(var n=Jn;n--;)Mn[n].style.width=un-Tn+"px"}}(),yt=function(){return v?function(n){En.style[v]=qn*n/1e3+"s"}:function(){}}(),bt=function(){return h?function(n){var t=n||-un*et;En.style[h]="translate3d("+t+"px, 0, 0)"}:function(n){var t=n||-un*et;En.style.left=t+"px"}}();return{init:P,destory:function(){if(gn.unwrap(xn),xn=null,En.classList.remove("tiny-content",yn,bn),c(En,["id","style"]),Rn)for(var t=$n;t--;)Mn[0].remove(),Mn[Mn.length-1].remove();c(Mn,["id","style","aria-hidden"]),dn=Ln=null,kn&&(n.controlsContainer?(c(On,["aria-label"]),c(On.children,["aria-controls","tabindex"]),d(On)):(On.remove(),On=ln=sn=null)),Fn&&(n.navContainer?(c(In,["aria-label"]),c(fn,["aria-selected","aria-controls","tabindex"]),d(In)):(In.remove(),In=null),fn=null),Hn&&(n.navContainer||null===In?d(at):(In.remove(),In=null)),d(En),Wn&&document.removeEventListener("keydown",J,!1),window.removeEventListener("resize",an,!1),window.removeEventListener("scroll",cn,!1)},getIndex:function(){return et}}}function t(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function e(n,t){return Math.atan2(n,t)*(180/Math.PI)}function i(n,t){return Math.abs(90-Math.abs(n))>=90-t?"horizontal":Math.abs(90-Math.abs(n))<=t&&"vertical"}function r(n,t){return n.hasAttribute(t)}function o(n,t){return n.getAttribute(t)}function a(n,t){if(n=gn.isNodeList(n)||n instanceof Array?n:[n],"[object Object]"===Object.prototype.toString.call(t))for(var e=n.length;e--;)for(var i in t)n[e].setAttribute(i,t[i])}function c(n,t){n=gn.isNodeList(n)||n instanceof Array?n:[n],t=t instanceof Array?t:[t];for(var e=t.length,i=n.length;i--;)for(var r=e;r--;)n[i].removeAttribute(t[r])}function d(n){var t=n.cloneNode(!0),e=n.parentNode;e.insertBefore(t,n),n.remove(),n=null}function u(n){r(n,"hidden")||a(n,{hidden:""})}function l(n){r(n,"hidden")&&c(n,"hidden")}function s(n){return"boolean"==typeof n.complete?n.complete:"number"==typeof n.naturalWidth?0!==n.naturalWidth:void 0}function f(){var n,t=document.createElement("fakeelement"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(n in e)if(void 0!==t.style[n])return e[n];return!1}var v=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),h=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),m=f(),p={ENTER:13,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};return n}(); //# sourceMappingURL=../sourcemaps/tiny-slider.js.map diff --git a/dist/min/tiny-slider.native.js b/dist/min/tiny-slider.native.js index 1688efe8..49cc9141 100644 --- a/dist/min/tiny-slider.native.js +++ b/dist/min/tiny-slider.native.js @@ -1,2 +1,2 @@ -var tinySlider=function(){"use strict";function t(t){function f(){Et.className="tiny-slider",gn.wrap(gt,Et),pt=Et.clientWidth}function y(){bt=vn(),vt=Jt-bt-St,ct=hn(),ft=pn(),Xt=Ut||"page"===t.slideBy?bt:t.slideBy}function b(){var t=-Lt;Pt&&(Ct?t=D():t+=Pt+Mt),gt.classList.add("tiny-content",mt,yt),gt.style.cssText+="width: "+(ct+1)*Jt+"px; margin-left: "+t+"px; "+h+": translate3d("+-tn*ct+"px, 0px, 0px);"}function g(){navigator.msMaxTouchPoints&&(Et.classList.add("ms-touch"),Et.addEventListener("scroll",nt,!1))}function E(){""===gt.id?gt.id=dt=n():dt=gt.id;for(var t=0;t"),At=Et.querySelector(".tiny-controls")),st=At.querySelector('[data-controls="prev"]'),lt=At.querySelector('[data-controls="next"]'),a(At,"tabindex")||(o(At,{"aria-label":"Carousel Navigation"}),o(At.children,{"aria-controls":dt,tabindex:"-1"})))}function M(){if(Dt){if(!t.navContainer){for(var n="",e=0;e';Ht&&(n+='"),n='
'+n+"
",gn.append(Et,n),Ot=Et.querySelector(".tiny-nav")}if(ut=Ot.querySelectorAll("[data-slide]"),!a(Ot,"aria-label")){o(Ot,{"aria-label":"Carousel Pagination"});for(var i=0;i"),Ot=Et.querySelector(".tiny-nav")),rn=Ot.querySelector("[data-action]"),V())}function L(){for(var t=tn;tnn?(t=nn,n=Math.min(nn+bt,tn),e=Math.max(nn+bt,tn),i=tn+bt):(t=Math.max(tn+bt,nn),n=nn+bt,e=tn,i=Math.min(tn+bt,nn))),nn=tn,Xt%1!==0&&(t=Math.round(t),n=Math.round(n),e=Math.round(e),i=Math.round(i));for(var a=t;aQt)for(var t=Qt;tn)&&(tn-wt>=t&&tn-wt<=n?tn-=wt:tn+=wt,B(0))}function j(t){o(gt,{"aria-busy":"true"}),B(t),p||F()}function F(t){p&&"height"===t.propertyName||(jt&&G(),I(),q(),z(),S(),C(),d(gt,"aria-busy"))}function R(t){if("true"!==r(gt,"aria-busy")){var n=tn+t*Xt,e=Math.abs(t*Xt);tn=jt?n:Math.max(St,Math.min(n,vt)),j(e)}}function U(){R(-1)}function X(){R(Gt&&tn===wt-bt?(bt-wt)/Xt:1)}function K(n){if("true"!==r(gt,"aria-busy")){for(var e,i,a=n.target||n.srcElement;gn.indexOf(ut,a)===-1;)a=a.parentNode;e=Zt=Number(r(a,"data-slide")),tn=t.navContainer?e+Yt:e*bt+Yt,tn=jt?tn:Math.min(tn,vt),i=Math.abs(tn-nn),j(i)}}function V(){an=setInterval(function(){R(zt)},qt),rn.setAttribute("data-action","stop"),rn.innerHTML=""+Bt[1],on=!0}function Y(){clearInterval(an),rn.setAttribute("data-action","start"),rn.innerHTML=""+Bt[0],on=!1}function J(){on?Y():V()}function Q(){on&&Y()}function Z(t){t=t||window.event,t.keyCode===m.LEFT?R(-1):t.keyCode===m.RIGHT&&R(Gt&&tn===wt-bt?(bt-wt)/Xt:1)}function $(t,n){"object"==typeof t&&"object"==typeof n&&t===document.activeElement&&(t.blur(),n.focus())}function _(t){t=t||window.event;var n=t.keyCode,e=document.activeElement;switch(n){case m.LEFT:case m.UP:case m.HOME:case m.PAGEUP:e!==st&&st.disabled!==!0&&$(e,st);break;case m.RIGHT:case m.DOWN:case m.END:case m.PAGEDOWN:e!==lt&<.disabled!==!0&&$(e,lt);break;case m.ENTER:case m.SPACE:e===lt?X():U()}}function tt(t){t=t||window.event;var n=t.keyCode,e=document.activeElement,i=r(e,"data-slide");switch(n){case m.LEFT:case m.PAGEUP:i>0&&$(e,e.previousElementSibling);break;case m.UP:case m.HOME:0!==i&&$(e,ut[0]);break;case m.RIGHT:case m.PAGEDOWN:i0?Math.floor(e):Math.ceil(e),tn=Math.max(St,Math.min(e,vt));var i=-tn*ct;jt||Pt||!Ct||(i=Math.max(-(ct*wt-pt),i)),B(1,i),p||F()}}function rt(){clearTimeout(ht),ht=setTimeout(function(){Et.clientWidth!==pt&&(pt=Et.clientWidth,y(),A(),mn(),H(),navigator.msMaxTouchPoints&&W(),B(0),p||F())},100)}function ot(){en||window.requestAnimationFrame(function(){S(),en=!1}),en=!0}if(t=gn.extend({container:document.querySelector(".slider"),mode:"carousel",direction:"horizontal",items:1,gutter:0,gutterPosition:"right",edgePadding:0,fixedWidth:!1,slideByPage:!1,slideBy:1,controls:!0,controlsText:["prev","next"],controlsContainer:!1,nav:!0,navContainer:!1,arrowKeys:!1,speed:250,autoplay:!1,autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],loop:!0,autoHeight:!1,responsive:!1,lazyload:!1,touch:!0,rewind:!1},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var dt,ct,st,lt,ut,ft,vt,ht,pt,mt=t.mode,yt=t.direction,bt=t.items,gt=t.container,Et=document.createElement("div"),xt=gt.children,wt=xt.length,Mt=t.gutter,Tt="right"===t.gutterPosition?"margin-right":"margin-left",Lt="left"===t.gutterPosition?Mt:0,Pt=t.edgePadding,St=Pt?1:0,Ct=t.fixedWidth,Nt=t.controls,kt=t.controlsText,At=!!t.controlsContainer&&t.controlsContainer,Dt=t.nav,Ot=!!t.navContainer&&t.navContainer,Wt=t.arrowKeys,It=v?t.speed:0,Ht=t.autoplay,qt=t.autoplayTimeout,zt="forward"===t.autoplayDirection?1:-1,Bt=t.autoplayText,Gt=t.rewind,jt=!t.rewind&&t.loop,Ft=t.autoHeight,Rt=!Ct&&t.responsive,Ut=t.slideByPage,Xt=Ut||"page"===t.slideBy?bt:t.slideBy,Kt=t.lazyload,Vt=t.touch,Yt=jt?Math.ceil(1.5*wt):Pt?1:0,Jt=wt+2*Yt,Qt=wt,Zt=-1,$t=0,_t=0,tn=Yt,nn=tn,en=!1;if(Ht)var an,rn,on=!1;if(Vt)var dn,cn,sn,ln,un=0,fn=0;var vn=function(){return Ct?function(){return Math.max(1,Math.min(wt,Math.floor(pt/Ct)))}:function(){var n=t.items,e=document.documentElement.clientWidth,i="object"==typeof Rt&&Object.keys(Rt);if(i)for(var a=0;a=i[a]&&(n=Rt[i[a]]);return Math.max(1,Math.min(wt,n))}}(),hn=function(){return Ct?function(){return Ct+Mt}:navigator.appVersion.indexOf("MSIE 8")>0?Pt?function(){return Math.round((pt-Mt-2*Pt)/bt)}:function(){return Math.round((pt+Mt)/bt)}:Pt?function(){return(pt-Mt-2*Pt)/bt}:function(){return(pt+Mt)/bt}}(),pn=function(){return t.navContainer?function(){return wt}:function(){return Math.ceil(wt/bt)}}(),mn=function(){return Ct?Pt?function(){gt.style.marginLeft=D()+"px"}:void 0:function(){gt.style.width=(ct+1)*Jt+"px";for(var t=Jt;t--;)xt[t].style.width=ct-Mt+"px"}}(),yn=function(){return v?function(t){gt.style[v]=It*t/1e3+"s"}:function(){}}(),bn=function(){return h?function(t){var n=t||-ct*tn;gt.style[h]="translate3d("+n+"px, 0, 0)"}:function(t){var n=t||-ct*tn;gt.style.left=n+"px"}}();return{init:k,destory:function(){if(gn.unwrap(Et),Et=null,gt.classList.remove("tiny-content",mt,yt),d(gt,["id","style"]),jt)for(var n=Yt;n--;)xt[0].remove(),xt[xt.length-1].remove();d(xt,["id","style","aria-hidden"]),dt=wt=null,Nt&&(t.controlsContainer?(d(At,["aria-label"]),d(At.children,["aria-controls","tabindex"]),c(At)):(At.remove(),At=st=lt=null)),Dt&&(t.navContainer?(d(Ot,["aria-label"]),d(ut,["aria-selected","aria-controls","tabindex"]),c(Ot)):(Ot.remove(),Ot=null),ut=null),Ht&&(t.navContainer||null===Ot?c(rn):(Ot.remove(),Ot=null)),c(gt),Wt&&document.removeEventListener("keydown",Z,!1),window.removeEventListener("resize",rt,!1),window.removeEventListener("scroll",ot,!1)},getIndex:function(){return tn}}}function n(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function e(t,n){return Math.atan2(t,n)*(180/Math.PI)}function i(t,n){return Math.abs(90-Math.abs(t))>=90-n?"horizontal":Math.abs(90-Math.abs(t))<=n&&"vertical"}function a(t,n){return t.hasAttribute(n)}function r(t,n){return t.getAttribute(n)}function o(t,n){if(t=gn.isNodeList(t)||t instanceof Array?t:[t],"[object Object]"===Object.prototype.toString.call(n))for(var e=t.length;e--;)for(var i in n)t[e].setAttribute(i,n[i])}function d(t,n){t=gn.isNodeList(t)||t instanceof Array?t:[t],n=n instanceof Array?n:[n];for(var e=n.length,i=t.length;i--;)for(var a=e;a--;)t[i].removeAttribute(n[a])}function c(t){var n=t.cloneNode(!0),e=t.parentNode;e.insertBefore(n,t),t.remove(),t=null}function s(t){a(t,"hidden")||o(t,{hidden:""})}function l(t){a(t,"hidden")&&d(t,"hidden")}function u(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function f(){var t,n=document.createElement("fakeelement"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in e)if(void 0!==n.style[t])return e[t];return!1}var v=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),h=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),p=f(),m={ENTER:13,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};return t}(); +var tinySlider=function(){"use strict";function t(t){function f(){Et.className="tiny-slider",gn.wrap(gt,Et),pt=Et.clientWidth}function y(){bt=vn(),vt=Jt-bt-St,ct=hn(),ft=pn(),Xt=Ut||"page"===t.slideBy?bt:t.slideBy}function b(){var t=-Lt;Pt&&(Ct?t=D():t+=Pt+Mt),gt.classList.add("tiny-content",mt,yt);var n="width: "+(ct+1)*Jt+"px; ",e=-tn*ct,i=h?h+": translate3d("+e+"px, 0px, 0px)":"left: "+e+"px";gt.style.cssText+=n+i}function g(){navigator.msMaxTouchPoints&&(Et.classList.add("ms-touch"),Et.addEventListener("scroll",nt,!1))}function E(){""===gt.id?gt.id=dt=n():dt=gt.id;for(var t=0;t"),At=Et.querySelector(".tiny-controls")),st=At.querySelector('[data-controls="prev"]'),lt=At.querySelector('[data-controls="next"]'),a(At,"tabindex")||(o(At,{"aria-label":"Carousel Navigation"}),o(At.children,{"aria-controls":dt,tabindex:"-1"})))}function M(){if(Dt){if(!t.navContainer){for(var n="",e=0;e';Ht&&(n+='"),n='
'+n+"
",gn.append(Et,n),Ot=Et.querySelector(".tiny-nav")}if(ut=Ot.querySelectorAll("[data-slide]"),!a(Ot,"aria-label")){o(Ot,{"aria-label":"Carousel Pagination"});for(var i=0;i"),Ot=Et.querySelector(".tiny-nav")),rn=Ot.querySelector("[data-action]"),V())}function L(){for(var t=tn;tnn?(t=nn,n=Math.min(nn+bt,tn),e=Math.max(nn+bt,tn),i=tn+bt):(t=Math.max(tn+bt,nn),n=nn+bt,e=tn,i=Math.min(tn+bt,nn))),nn=tn,Xt%1!==0&&(t=Math.round(t),n=Math.round(n),e=Math.round(e),i=Math.round(i));for(var a=t;aQt)for(var t=Qt;tn)&&(tn-wt>=t&&tn-wt<=n?tn-=wt:tn+=wt,B(0))}function j(t){o(gt,{"aria-busy":"true"}),B(t),p||F()}function F(t){p&&"height"===t.propertyName||(jt&&G(),I(),q(),z(),S(),C(),d(gt,"aria-busy"))}function R(t){if("true"!==r(gt,"aria-busy")){var n=tn+t*Xt,e=Math.abs(t*Xt);tn=jt?n:Math.max(St,Math.min(n,vt)),j(e)}}function U(){R(-1)}function X(){R(Gt&&tn===wt-bt?(bt-wt)/Xt:1)}function K(n){if("true"!==r(gt,"aria-busy")){for(var e,i,a=n.target||n.srcElement;gn.indexOf(ut,a)===-1;)a=a.parentNode;e=Zt=Number(r(a,"data-slide")),tn=t.navContainer?e+Yt:e*bt+Yt,tn=jt?tn:Math.min(tn,vt),i=Math.abs(tn-nn),j(i)}}function V(){an=setInterval(function(){R(zt)},qt),rn.setAttribute("data-action","stop"),rn.innerHTML=""+Bt[1],on=!0}function Y(){clearInterval(an),rn.setAttribute("data-action","start"),rn.innerHTML=""+Bt[0],on=!1}function J(){on?Y():V()}function Q(){on&&Y()}function Z(t){t=t||window.event,t.keyCode===m.LEFT?R(-1):t.keyCode===m.RIGHT&&R(Gt&&tn===wt-bt?(bt-wt)/Xt:1)}function $(t,n){"object"==typeof t&&"object"==typeof n&&t===document.activeElement&&(t.blur(),n.focus())}function _(t){t=t||window.event;var n=t.keyCode,e=document.activeElement;switch(n){case m.LEFT:case m.UP:case m.HOME:case m.PAGEUP:e!==st&&st.disabled!==!0&&$(e,st);break;case m.RIGHT:case m.DOWN:case m.END:case m.PAGEDOWN:e!==lt&<.disabled!==!0&&$(e,lt);break;case m.ENTER:case m.SPACE:e===lt?X():U()}}function tt(t){t=t||window.event;var n=t.keyCode,e=document.activeElement,i=r(e,"data-slide");switch(n){case m.LEFT:case m.PAGEUP:i>0&&$(e,e.previousElementSibling);break;case m.UP:case m.HOME:0!==i&&$(e,ut[0]);break;case m.RIGHT:case m.PAGEDOWN:i0?Math.floor(e):Math.ceil(e),tn=Math.max(St,Math.min(e,vt));var i=-tn*ct;jt||Pt||!Ct||(i=Math.max(-(ct*wt-pt),i)),B(1,i),p||F()}}function rt(){clearTimeout(ht),ht=setTimeout(function(){Et.clientWidth!==pt&&(pt=Et.clientWidth,y(),A(),mn(),H(),navigator.msMaxTouchPoints&&W(),B(0),p||F())},100)}function ot(){en||window.requestAnimationFrame(function(){S(),en=!1}),en=!0}if(t=gn.extend({container:document.querySelector(".slider"),mode:"carousel",direction:"horizontal",items:1,gutter:0,gutterPosition:"right",edgePadding:0,fixedWidth:!1,slideByPage:!1,slideBy:1,controls:!0,controlsText:["prev","next"],controlsContainer:!1,nav:!0,navContainer:!1,arrowKeys:!1,speed:250,autoplay:!1,autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],loop:!0,autoHeight:!1,responsive:!1,lazyload:!1,touch:!0,rewind:!1},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var dt,ct,st,lt,ut,ft,vt,ht,pt,mt=t.mode,yt=t.direction,bt=t.items,gt=t.container,Et=document.createElement("div"),xt=gt.children,wt=xt.length,Mt=t.gutter,Tt="right"===t.gutterPosition?"margin-right":"margin-left",Lt="left"===t.gutterPosition?Mt:0,Pt=t.edgePadding,St=Pt?1:0,Ct=t.fixedWidth,Nt=t.controls,kt=t.controlsText,At=!!t.controlsContainer&&t.controlsContainer,Dt=t.nav,Ot=!!t.navContainer&&t.navContainer,Wt=t.arrowKeys,It=v?t.speed:0,Ht=t.autoplay,qt=t.autoplayTimeout,zt="forward"===t.autoplayDirection?1:-1,Bt=t.autoplayText,Gt=t.rewind,jt=!t.rewind&&t.loop,Ft=t.autoHeight,Rt=!Ct&&t.responsive,Ut=t.slideByPage,Xt=Ut||"page"===t.slideBy?bt:t.slideBy,Kt=t.lazyload,Vt=t.touch,Yt=jt?Math.ceil(1.5*wt):Pt?1:0,Jt=wt+2*Yt,Qt=wt,Zt=-1,$t=0,_t=0,tn=Yt,nn=tn,en=!1;if(Ht)var an,rn,on=!1;if(Vt)var dn,cn,sn,ln,un=0,fn=0;var vn=function(){return Ct?function(){return Math.max(1,Math.min(wt,Math.floor(pt/Ct)))}:function(){var n=t.items,e=document.documentElement.clientWidth,i="object"==typeof Rt&&Object.keys(Rt);if(i)for(var a=0;a=i[a]&&(n=Rt[i[a]]);return Math.max(1,Math.min(wt,n))}}(),hn=function(){return Ct?function(){return Ct+Mt}:navigator.appVersion.indexOf("MSIE 8")>0?Pt?function(){return Math.round((pt-Mt-2*Pt)/bt)}:function(){return Math.round((pt+Mt)/bt)}:Pt?function(){return(pt-Mt-2*Pt)/bt}:function(){return(pt+Mt)/bt}}(),pn=function(){return t.navContainer?function(){return wt}:function(){return Math.ceil(wt/bt)}}(),mn=function(){return Ct?Pt?function(){gt.style.marginLeft=D()+"px"}:void 0:function(){gt.style.width=(ct+1)*Jt+"px";for(var t=Jt;t--;)xt[t].style.width=ct-Mt+"px"}}(),yn=function(){return v?function(t){gt.style[v]=It*t/1e3+"s"}:function(){}}(),bn=function(){return h?function(t){var n=t||-ct*tn;gt.style[h]="translate3d("+n+"px, 0, 0)"}:function(t){var n=t||-ct*tn;gt.style.left=n+"px"}}();return{init:k,destory:function(){if(gn.unwrap(Et),Et=null,gt.classList.remove("tiny-content",mt,yt),d(gt,["id","style"]),jt)for(var n=Yt;n--;)xt[0].remove(),xt[xt.length-1].remove();d(xt,["id","style","aria-hidden"]),dt=wt=null,Nt&&(t.controlsContainer?(d(At,["aria-label"]),d(At.children,["aria-controls","tabindex"]),c(At)):(At.remove(),At=st=lt=null)),Dt&&(t.navContainer?(d(Ot,["aria-label"]),d(ut,["aria-selected","aria-controls","tabindex"]),c(Ot)):(Ot.remove(),Ot=null),ut=null),Ht&&(t.navContainer||null===Ot?c(rn):(Ot.remove(),Ot=null)),c(gt),Wt&&document.removeEventListener("keydown",Z,!1),window.removeEventListener("resize",rt,!1),window.removeEventListener("scroll",ot,!1)},getIndex:function(){return tn}}}function n(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function e(t,n){return Math.atan2(t,n)*(180/Math.PI)}function i(t,n){return Math.abs(90-Math.abs(t))>=90-n?"horizontal":Math.abs(90-Math.abs(t))<=n&&"vertical"}function a(t,n){return t.hasAttribute(n)}function r(t,n){return t.getAttribute(n)}function o(t,n){if(t=gn.isNodeList(t)||t instanceof Array?t:[t],"[object Object]"===Object.prototype.toString.call(n))for(var e=t.length;e--;)for(var i in n)t[e].setAttribute(i,n[i])}function d(t,n){t=gn.isNodeList(t)||t instanceof Array?t:[t],n=n instanceof Array?n:[n];for(var e=n.length,i=t.length;i--;)for(var a=e;a--;)t[i].removeAttribute(n[a])}function c(t){var n=t.cloneNode(!0),e=t.parentNode;e.insertBefore(n,t),t.remove(),t=null}function s(t){a(t,"hidden")||o(t,{hidden:""})}function l(t){a(t,"hidden")&&d(t,"hidden")}function u(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function f(){var t,n=document.createElement("fakeelement"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in e)if(void 0!==n.style[t])return e[t];return!1}var v=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),h=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),p=f(),m={ENTER:13,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};return t}(); //# sourceMappingURL=../sourcemaps/tiny-slider.native.js.map diff --git a/dist/tiny-slider.ie8.js b/dist/tiny-slider.ie8.js index ec4fb8dd..d5cf09b2 100644 --- a/dist/tiny-slider.ie8.js +++ b/dist/tiny-slider.ie8.js @@ -10,6 +10,12 @@ if (!Object.keys) { return keys; }; } +// Array.isArray +if (!Array.isArray) { + Array.isArray = function(obj) { + return Object.prototype.toString.call(obj) == "[object Array]"; + }; +} // addEventListener // removeEventListener // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener?redirectlocale=en-US&redirectslug=DOM%2FEventTarget.addEventListener#Compatibility diff --git a/dist/tiny-slider.js b/dist/tiny-slider.js index 7cf3e51c..c81ce265 100644 --- a/dist/tiny-slider.js +++ b/dist/tiny-slider.js @@ -570,7 +570,7 @@ gn.unwrap = function (els) { }; /** * tiny-slider - * @version 0.6.3 + * @version 0.6.4 * @author William Lin * @license The MIT License (MIT) * @github https://github.com/ganlanyuan/tiny-slider/ @@ -784,8 +784,10 @@ var tinySlider = (function () { } } slideContainer.classList.add('tiny-content', mode, direction); - slideContainer.style.cssText += 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ' + - 'margin-left: ' + gap + 'px; ' + TRANSFORM + ': translate3d(' + (-index * slideWidth) + 'px, 0px, 0px);'; + var size = 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ', + x = (-index * slideWidth), + transforms = (TRANSFORM) ? TRANSFORM + ': translate3d(' + x + 'px, 0px, 0px)' : 'left: ' + x + 'px'; + slideContainer.style.cssText += size + transforms; } // for IE10 diff --git a/dist/tiny-slider.native.js b/dist/tiny-slider.native.js index 39ecd30d..9a4b9500 100644 --- a/dist/tiny-slider.native.js +++ b/dist/tiny-slider.native.js @@ -1,6 +1,6 @@ /** * tiny-slider - * @version 0.6.3 + * @version 0.6.4 * @author William Lin * @license The MIT License (MIT) * @github https://github.com/ganlanyuan/tiny-slider/ @@ -214,8 +214,10 @@ var tinySlider = (function () { } } slideContainer.classList.add('tiny-content', mode, direction); - slideContainer.style.cssText += 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ' + - 'margin-left: ' + gap + 'px; ' + TRANSFORM + ': translate3d(' + (-index * slideWidth) + 'px, 0px, 0px);'; + var size = 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ', + x = (-index * slideWidth), + transforms = (TRANSFORM) ? TRANSFORM + ': translate3d(' + x + 'px, 0px, 0px)' : 'left: ' + x + 'px'; + slideContainer.style.cssText += size + transforms; } // for IE10 diff --git a/package.json b/package.json index a7206259..9a6f307a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tiny-slider", - "version": "0.6.3", + "version": "0.6.4", "description": "Pure tiny javascript slider for all purposes.", "main": "dist/tiny-slider.js", "style": "dist/tiny-slider.css", diff --git a/src/tiny-slider.native.js b/src/tiny-slider.native.js index 39ecd30d..9a4b9500 100644 --- a/src/tiny-slider.native.js +++ b/src/tiny-slider.native.js @@ -1,6 +1,6 @@ /** * tiny-slider - * @version 0.6.3 + * @version 0.6.4 * @author William Lin * @license The MIT License (MIT) * @github https://github.com/ganlanyuan/tiny-slider/ @@ -214,8 +214,10 @@ var tinySlider = (function () { } } slideContainer.classList.add('tiny-content', mode, direction); - slideContainer.style.cssText += 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ' + - 'margin-left: ' + gap + 'px; ' + TRANSFORM + ': translate3d(' + (-index * slideWidth) + 'px, 0px, 0px);'; + var size = 'width: ' + (slideWidth + 1) * slideCountNew + 'px; ', + x = (-index * slideWidth), + transforms = (TRANSFORM) ? TRANSFORM + ': translate3d(' + x + 'px, 0px, 0px)' : 'left: ' + x + 'px'; + slideContainer.style.cssText += size + transforms; } // for IE10