From ac565d5ccbd31cdd961192069ecfc4f9cda11810 Mon Sep 17 00:00:00 2001
From: William Lin 22 <ganlanyuan@gmail.com>
Date: Thu, 29 Sep 2016 10:30:24 -0400
Subject: [PATCH] fixed a length issue when parent has non-zero padding

---
 README.md                      |  2 +-
 bower.json                     |  4 +-
 changelog.md                   |  3 ++
 dist/min/tiny-slider.ie8.js    |  2 +-
 dist/min/tiny-slider.js        |  2 +-
 dist/min/tiny-slider.native.js |  2 +-
 dist/tiny-slider.ie8.js        | 40 +++++++++++++++
 dist/tiny-slider.js            | 93 ++++++++++++++++++++++------------
 dist/tiny-slider.native.js     |  4 +-
 gulpfile.js                    |  6 ++-
 package.json                   |  2 +-
 src/tiny-slider.native.js      |  4 +-
 tests/index.html               | 67 ++++++++++++------------
 13 files changed, 154 insertions(+), 77 deletions(-)

diff --git a/README.md b/README.md
index e6365d97..4e1e21bc 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # tiny-slider
-![version](https://img.shields.io/badge/Version-0.4.1-green.svg)   
+![version](https://img.shields.io/badge/Version-0.4.2-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 9dd3131c..19c1ae0b 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "tiny-slider",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "homepage": "https://github.com/ganlanyuan/tiny-slider",
   "authors": [
     "WilliamLin <ganlanyuan@gmail.com>"
@@ -27,7 +27,7 @@
     "gulpfile.js"
   ],
   "devDependencies": {
-    "go-native": "0.0.8"
+    "go-native": "0.x"
   },
   "dependencies": {}
 }
diff --git a/changelog.md b/changelog.md
index 8ed1ac77..ad947df7 100644
--- a/changelog.md
+++ b/changelog.md
@@ -27,6 +27,9 @@ class `tiny-next` => attribute `[data-controls="next"`.
 - Fixed: an issue with `items`, when container width is shorter than one slide in fixedWidth slider.
  -->
 
+#### v0.4.2
+- Fixed: a length issue when slider parent element has non-zero `padding`.
+
 #### v0.4.1
 - Added: `gutterPosition` option.
 - Fixed: `margin` attribute is added even gutter is 0.
diff --git a/dist/min/tiny-slider.ie8.js b/dist/min/tiny-slider.ie8.js
index 6405aeba..4fa7fcf5 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 c=new Event;c.srcElement=window,i(c)}}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<e.length;){var o=e[r];if(o.object==this&&o.type==t&&o.listener==n){"DOMContentLoaded"==t?this.detachEvent("onreadystatechange",o.wrapper):this.detachEvent("on"+t,o.wrapper),e.splice(r,1);break}++r}};Element.prototype.addEventListener=t,Element.prototype.removeEventListener=n,HTMLDocument&&(HTMLDocument.prototype.addEventListener=t,HTMLDocument.prototype.removeEventListener=n),Window&&(Window.prototype.addEventListener=t,Window.prototype.removeEventListener=n)}}(),function(){"use strict";"firstElementChild"in document.documentElement||Object.defineProperty(Element.prototype,"firstElementChild",{get:function(){for(var e,t=this.children,n=0,r=t.length;n<r;++n)if(e=t[n],1===e.nodeType)return e;return null}})}(),function(){"use strict";"lastElementChild"in document.documentElement||Object.defineProperty(Element.prototype,"lastElementChild",{get:function(){for(var e,t=this.children,n=t.length-1;n>=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}})}();
+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<e.length;){var o=e[r];if(o.object==this&&o.type==t&&o.listener==n){"DOMContentLoaded"==t?this.detachEvent("onreadystatechange",o.wrapper):this.detachEvent("on"+t,o.wrapper),e.splice(r,1);break}++r}};Element.prototype.addEventListener=t,Element.prototype.removeEventListener=n,HTMLDocument&&(HTMLDocument.prototype.addEventListener=t,HTMLDocument.prototype.removeEventListener=n),Window&&(Window.prototype.addEventListener=t,Window.prototype.removeEventListener=n)}}(),function(){"use strict";"firstElementChild"in document.documentElement||Object.defineProperty(Element.prototype,"firstElementChild",{get:function(){for(var e,t=this.children,n=0,r=t.length;n<r;++n)if(e=t[n],1===e.nodeType)return e;return null}})}(),function(){"use strict";"lastElementChild"in document.documentElement||Object.defineProperty(Element.prototype,"lastElementChild",{get:function(){for(var e,t=this.children,n=t.length-1;n>=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 3a8f9fad..e729d17e 100644
--- a/dist/min/tiny-slider.js
+++ b/dist/min/tiny-slider.js
@@ -1,2 +1,2 @@
-!function(){"use strict";var t,e,n,i,r=window,o=document,a=Object,l=null,u=!0,s=!1,d=" ",c="Element",f="create"+c,v="DOMTokenList",m="__defineGetter__",h="defineProperty",p="class",b="List",g=p+b,y="rel",A=y+b,w="div",E="length",L="contains",x="apply",C="HTML",M=("item "+L+" add remove toggle toString toLocaleString").split(d),T=M[2],N=M[3],S=M[4],k="prototype",P=h in a||m in a[k]||l,D=function(t,e,n,i){a[h]?a[h](t,e,{configurable:s===P?u:!!i,get:n}):t[m](e,n)},W=function(e,n){var i=this,r=[],o={},l=0,c=0,f=function(){if(l>=c)for(;c<l;++c)(function(t){D(i,t,function(){return v(),r[t]},s)})(c)},v=function(){var t,i,a=arguments,s=/\s+/;if(a[E])for(i=0;i<a[E];++i)if(s.test(a[i]))throw t=new SyntaxError('String "'+a[i]+'" '+L+" an invalid character"),t.code=5,t.name="InvalidCharacterError",t;for(r=(""+e[n]).replace(/^\s+|\s+$/g,"").split(s),""===r[0]&&(r=[]),o={},i=0;i<r[E];++i)o[r[i]]=u;l=r[E],f()};return v(),D(i,E,function(){return v(),l}),i[M[6]]=i[M[5]]=function(){return v(),r.join(d)},i.item=function(t){return v(),r[t]},i[L]=function(t){return v(),!!o[t]},i[T]=function(){v[x](i,t=arguments);for(var t,a,s=0,c=t[E];s<c;++s)a=t[s],o[a]||(r.push(a),o[a]=u);l!==r[E]&&(l=r[E]>>>0,e[n]=r.join(d),f())},i[N]=function(){v[x](i,t=arguments);for(var t,a={},s=0,c=[];s<t[E];++s)a[t[s]]=u,delete o[t[s]];for(s=0;s<r[E];++s)a[r[s]]||c.push(r[s]);r=c,l=c[E]>>>0,e[n]=r.join(d),f()},i[S]=function(e,n){return v[x](i,[e]),t!==n?n?(i[T](e),u):(i[N](e),s):o[e]?(i[N](e),s):(i[T](e),u)},function(t,e){if(e)for(var n=0;n<7;++n)e(t,M[n],{enumerable:s})}(i,a[h]),i},O=function(t,e,n){D(t[k],e,function(){var t,i=this,r=m+h+e;if(i[r])return t;if(i[r]=u,s===P){for(var a,l=O.mirror=O.mirror||o[f](w),d=l.childNodes,c=d[E],v=0;v<c;++v)if(d[v]._R===i){a=d[v];break}a||(a=l.appendChild(o[f](w))),t=W.call(a,i,n)}else t=new W(i,n);return D(i,e,function(){return t}),delete i[r],t},u)};if(r[v])e=o[f](w)[g],k=r[v][k],e[T][x](e,M),2>e[E]&&(n=k[T],i=k[N],k[T]=function(){for(var t=0,e=arguments;t<e[E];++t)n.call(this,e[t])},k[N]=function(){for(var t=0,e=arguments;t<e[E];++t)i.call(this,e[t])}),e[S](b,s)&&(k[S]=function(e,n){var i=this;return i[(n=t===n?!i[L](e):n)?T:N](e),!!n});else{if(P)try{D({},"support")}catch(t){P=s}W.polyfill=u,r[v]=W,O(r[c],g,p+"Name"),O(r[C+"Link"+c],A,y),O(r[C+"Anchor"+c],A,y),O(r[C+"Area"+c],A,y)}}(),function(){"use strict";"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})}();var gn=function(t){return t}(window.gn||{});gn.extend=function(){for(var t,e,n,i=arguments[0]||{},r=1,o=arguments.length;r<o;r++)if(null!==(t=arguments[r]))for(e in t)n=t[e],i!==n&&void 0!==n&&(i[e]=n);return i},gn.isInViewport=function(t){var e=t.getBoundingClientRect();return e.bottom>0&&e.right>0&&e.top<document.documentElement.clientHeight&&e.left<document.documentElement.clientWidth},gn.indexOf=function(t,e){for(var n=0;n<t.length;n++)if(t[n]===e)return n;return-1},gn.getSupportedProp=function(t){for(var e=document.documentElement,n=0;n<t.length;n++)if(t[n]in e.style)return t[n]},gn.ready=function(t){if("function"==typeof t)return"complete"===document.readyState?t():void document.addEventListener("DOMContentLoaded",t,!1)},gn.isNodeList=function(t){return"undefined"!=typeof t.item},gn.append=function(t,e){var n,i=gn.isNodeList(t)?t:[t];if("undefined"!=typeof e.nodeType&&1===e.nodeType)for(n=i.length;n--;)i[n].appendChild(e);else if("string"==typeof e)for(n=i.length;n--;)i[n].insertAdjacentHTML("beforeend",e);else if(gn.isNodeList(e)){var r=document.createDocumentFragment();for(n=e.length;n--;)r.insertBefore(e[n],r.firstChild);for(var o=i.length;o--;)i[o].appendChild(r)}},gn.wrap=function(t,e){for(var n=gn.isNodeList(t)?t:[t],i=n.length;i--;){var r=i>0?e.cloneNode(!0):e,o=n[i],a=o.parentNode,l=o.nextSibling;r.appendChild(o),l?a.insertBefore(r,l):a.appendChild(r)}},gn.unwrap=function(t){for(var e=gn.isNodeList(t)?t:[t],n=e.length;n--;){for(var i=e[n],r=i.parentNode;i.firstChild;)r.insertBefore(i.firstChild,i);r.removeChild(i)}},Date.now||(Date.now=function(){return(new Date).getTime()}),function(){"use strict";for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var n=t[e];window.requestAnimationFrame=window[n+"RequestAnimationFrame"],window.cancelAnimationFrame=window[n+"CancelAnimationFrame"]||window[n+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var i=0;window.requestAnimationFrame=function(t){var e=Date.now(),n=Math.max(i+16,e);return setTimeout(function(){t(i=n)},n-e)},window.cancelAnimationFrame=clearTimeout}}();var tinySlider=function(){"use strict";function t(t){function u(){Q.style.width=B*nt+"px";var t;t=0!==it&&"marginLeft"===rt?bt?U*B+it:it:U*B,Q.style.marginLeft=-t+"px";for(var e=nt;e--;)tt[e].style.width=B-it+"px",0!==it&&(tt[e].style[rt]=it+"px")}function s(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function d(t){for(var e=t.length;e--;)s(t[e])&&t.splice(e,1);0===t.length?f():setTimeout(function(){d(t)},16)}function c(){for(var t=zt(),e=[],n=nt;n--;)if(n>=t&&n<t+_)for(var i=tt[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?f():d(e)}function f(){for(var t,e=zt(),n=[],i=nt;i--;)i>=e&&i<e+_&&n.push(tt[i].offsetHeight);t=Math.max.apply(null,n),o&&(Q.style[o]=ft/1e3+"s"),Q.style.height=t+"px",xt=!0,setTimeout(function(){o&&(Q.style[o]="0s"),xt=!1},ft)}function v(t){o&&(Q.style[o]=ft*t/1e3+"s",xt=!0)}function m(){navigator.msMaxTouchPoints&&(Q.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+B+")")}function h(){for(var t=nt;t--;){var e=zt(),n=tt[t];t>=e&&t<e+_?n.hasAttribute("aria-hidden")&&"true"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","false"):n.hasAttribute("aria-hidden")&&"false"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","true")}}function p(){bt||(et>_?(0===Lt?(X.disabled=!0,D(X,K)):X.disabled=!1,Lt===et-_?(K.disabled=!0,D(K,X)):K.disabled=!1):(0!==Lt&&(Lt=0,y()),X.disabled=!0,K.disabled=!0,X.setAttribute("tabindex","-1"),K.setAttribute("tabindex","-1"),X===document.activeElement&&X.blur(),K===document.activeElement&&K.blur()))}function b(){if(st&&!t.navContainer)for(var e=Y;e--;){var n=V[e];e<$?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function g(){if(st){var e;if(Et===-1){var n=Lt<0?Lt+et:Lt>=et?Lt-et:Lt;if(e=t.navContainer?n:Math.floor(n/_),!bt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/_);r||Lt!==et-_||(e+=1)}}else e=Et,Et=-1;for(var o=$;o--;){var a=V[o];o===e?"false"===a.getAttribute("aria-selected")&&(a.setAttribute("tabindex","0"),a.setAttribute("aria-selected","true")):"true"===a.getAttribute("aria-selected")&&(a.setAttribute("tabindex","-1"),a.setAttribute("aria-selected","false"))}}}function y(){var t=Q.parentNode.offsetWidth;Pt=-B*Lt,ot&&!bt&&(Pt=Math.max(Pt,-Math.abs(et*B-it-t))),a?Q.style[a]="translate3d("+Pt+"px, 0, 0)":Q.style.left=Pt+"px"}function A(){u(),m(),y(),b(),g(),h(),p(),gt&&c(),At&&F()}function w(){if(bt){var t=yt?Lt<_-U:Lt<=-U,e=yt?Lt>et+U-2*_-1:Lt>=et+U-_;ot&&U&&!yt&&(e=Lt>=et+U-_-1),t&&(Lt+=et),e&&(Lt-=et),o&&(Q.style[o]="0s"),y()}}function E(t){Q.setAttribute("aria-busy","true"),v(t),y(),setTimeout(function(){w(),h(),p(),g(),F(),gt&&c(),xt=!1,Q.setAttribute("aria-busy","false")},ft*t)}function L(t){if(!xt){t=yt?t*_:t;var e=Math.abs(t);Lt=bt?Lt+t:Math.max(0,Math.min(Lt+t,et-_)),E(e)}}function x(){L(-1)}function C(){L(1)}function M(e){if(!xt){for(var n,i=e.target||e.srcElement;gn.indexOf(V,i)===-1;)i=i.parentNode;Et=n=Number(i.getAttribute("data-slide"));var r,o;r=t.navContainer?n:n*_,r=bt?r:Math.min(r,et-_),o=Math.abs(r-Lt),Lt=r,E(o)}}function T(){Mt=setInterval(function(){L(ht)},mt),Tt.setAttribute("data-action","stop"),Tt.innerHTML="<span hidden>Stop Animation</span>"+pt[1],Nt=!0}function N(){clearInterval(Mt),Tt.setAttribute("data-action","start"),Tt.innerHTML="<span hidden>Stop Animation</span>"+pt[0],Nt=!1}function S(){Nt?N():T()}function k(){Nt&&N()}function P(t){t=t||window.event,t.keyCode===l.LEFT?L(-1):t.keyCode===l.RIGHT&&L(1)}function D(t,e){"object"==typeof t&&"object"==typeof e&&t===document.activeElement&&(t.blur(),e.focus())}function W(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==l.LEFT&&e!==l.UP&&e!==l.HOME&&e!==l.PAGEUP||n!==X&&X.disabled!==!0&&D(n,X),e!==l.RIGHT&&e!==l.DOWN&&e!==l.END&&e!==l.PAGEDOWN||n!==K&&K.disabled!==!0&&D(n,K),e!==l.ENTER&&e!==l.SPACE||(n===K?C():x())}function O(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==l.LEFT&&e!==l.PAGEUP||n.getAttribute("data-slide")>0&&D(n,n.previousElementSibling),e!==l.UP&&e!==l.HOME||0!==n.getAttribute("data-slide")&&D(n,V[0]),e!==l.RIGHT&&e!==l.PAGEDOWN||n.getAttribute("data-slide")<$-1&&D(n,n.nextElementSibling),e!==l.DOWN&&e!==l.END||n.getAttribute("data-slide")<$-1&&D(n,V[$-1]),e!==l.ENTER&&e!==l.SPACE||M(t)}function F(){if(gn.isInViewport(Q)){var t=Q.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;e<n;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function q(){Q.style[o]="0s",Q.style.transform="translate3d(-"+-Q.scrollLeft()+"px,0,0)"}function I(t){var e=t.changedTouches[0];St=parseInt(e.clientX),kt=parseInt(e.clientY)}function H(t){var e=t.changedTouches[0];Dt=parseInt(e.clientX)-St,Wt=parseInt(e.clientY)-kt;var r=n(Math.atan2(Wt,Dt)),l=i(r,15);if("horizontal"===l&&xt===!1&&(Ot=!0),Ot){o&&(Q.style[o]="0s");var u=bt?-(et+U-_)*B:-(et-_)*B,s=bt?U*B:0;!bt&&ot&&(u=-(et*B-Q.parentNode.offsetWidth)),Pt=-Lt*B+Dt,Pt=Math.max(u,Math.min(Pt,s)),a?Q.style[a]="translate3d("+Pt+"px, 0, 0)":Q.style.left=Pt+"px",t.preventDefault()}}function j(t){var e=t.changedTouches[0];if(Dt=parseInt(e.clientX)-St,Ot&&0!==Dt){t.preventDefault(),Ot=!1,Pt=-Lt*B+Dt;var n,i=bt?-U:0,r=bt?et+U-_:et-_;n=-(Pt/B),n=Dt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),Lt=n,E(1)}}function R(){clearTimeout(J),J=setTimeout(function(){_=Ht(),B=Rt(),$=Gt(),A()},100)}function G(){Ct||window.requestAnimationFrame(function(){At&&F(),Ct=!1}),Ct=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,gutterPosition:"right",fixedWidth:!1,maxContainerWidth:!1,slideByPage:!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},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var z,B,U,_,X,K,V,Y,$,J,Q=t.container,Z=document.createElement("div"),tt=Q.children,et=tt.length,nt=tt.length,it=t.gutter,rt="right"===t.gutterPosition?"marginRight":"marginLeft",ot=t.fixedWidth,at=t.controls,lt=t.controlsText,ut=!!t.controlsContainer&&t.controlsContainer,st=t.nav,dt=!!t.navContainer&&t.navContainer,ct=t.arrowKeys,ft=o?t.speed:0,vt=t.autoplay,mt=t.autoplayTimeout,ht="forward"===t.autoplayDirection?1:-1,pt=t.autoplayText,bt=!(ot&&!t.maxContainerWidth)&&t.loop,gt=t.autoHeight,yt=t.slideByPage,At=t.lazyload,wt=t.touch,Et=-1,Lt=0,xt=!1,Ct=!1;if(vt)var Mt,Tt,Nt=!1;if(wt)var St=0,kt=0,Pt=0,Dt=0,Wt=0,Ot=!1;var Ft=!ot&&t.responsive,qt="object"==typeof Ft&&Object.keys(Ft),It=r(Ft),Ht=function(){return ot?function(){return Math.max(Math.min(et,Math.floor(Q.parentNode.offsetWidth/ot)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==qt.length&&void 0!==It&&qt.length===It.length)if(n<qt[0])e=t.items;else if(n>=qt[qt.length-1])e=It[It.length-1];else for(var i=0;i<qt.length-1;i++)n>=qt[i]&&n<=qt[i+1]&&(e=It[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),jt=function(){var e;return e=ot?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/ot):void 0!==It.length?Math.max.apply(Math,It):t.items,e?Math.min(et,e):e},Rt=function(){return ot?function(){return ot+it}:function(){return(Q.parentNode.offsetWidth+it)/_}}(),Gt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/_)}}(),zt=function(){return bt?function(){return Lt+U}:function(){return Lt}}();return _=Ht(),U=jt(),B=Rt(),$=Gt(),{init:function(){Q.classList.add("tiny-content"),0===Q.id.length?Q.id=z=e():z=Q.id,Z.className="tiny-slider",gn.wrap(Q,Z),navigator.msMaxTouchPoints&&(Z.classList.add("ms-touch"),Z.addEventListener("scroll",q,!1));for(var n=0;n<et;n++)tt[n].id=z+"item"+n;if(bt){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),o=U;o--;){var a=tt[o].cloneNode(!0),l=tt[et-1-o].cloneNode(!0);a.id="",l.id="",i.insertBefore(a,i.firstChild),r.appendChild(l)}Q.appendChild(i),Q.insertBefore(r,Q.firstChild),nt=Q.children.length,tt=Q.children}if(st){if(!t.navContainer){for(var u="",s=0;s<et;s++)u+='<button data-slide="'+s+'" tabindex="-1" aria-selected="false" aria-controls="'+z+"item"+s+'" type="button"></button>';vt&&(u+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+pt[0]+"</button>"),u='<div class="tiny-nav" aria-label="Carousel Pagination">'+u+"</div>",gn.append(Z,u),dt=Z.querySelector(".tiny-nav")}if(V=dt.querySelectorAll("[data-slide]"),Y=V.length,!dt.hasAttribute("aria-label")){dt.setAttribute("aria-label","Carousel Pagination");for(var d=0;d<Y;d++){var c=V[d];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",z+"item"+d)}}}if(at&&(t.controlsContainer||(gn.append(Z,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+z+'" type="button">'+lt[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+z+'" type="button">'+lt[1]+"</button></div>"),ut=Z.querySelector(".tiny-controls")),X=ut.querySelector('[data-controls="prev"]'),K=ut.querySelector('[data-controls="next"]'),ut.hasAttribute("tabindex")||(ut.setAttribute("aria-label","Carousel Navigation"),X.setAttribute("aria-controls",z),K.setAttribute("aria-controls",z),X.setAttribute("tabindex","-1"),K.setAttribute("tabindex","0"))),vt&&(dt||(gn.append(Z,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+pt[0]+"</button></div>"),dt=Z.querySelector(".tiny-nav")),Tt=dt.querySelector("[data-action]")),A(),wt&&(Q.addEventListener("touchstart",I,!1),Q.addEventListener("touchmove",H,!1),Q.addEventListener("touchend",j,!1),Q.addEventListener("touchcancel",j,!1)),at&&(p(),X.addEventListener("click",x,!1),K.addEventListener("click",C,!1),X.addEventListener("keydown",W,!1),K.addEventListener("keydown",W,!1)),st)for(var f=V.length;f--;)V[f].addEventListener("click",M,!1),V[f].addEventListener("keydown",O,!1);if(vt&&(T(),Tt.addEventListener("click",S,!1),at&&(X.addEventListener("click",k,!1),K.addEventListener("click",k,!1)),st))for(var v=0;v<Y;v++)V[v].addEventListener("click",k,!1);ct&&document.addEventListener("keydown",P,!1),window.addEventListener("resize",R,!1),window.addEventListener("scroll",G,!1)},destory:function(){if(Q.classList.remove("tiny-content"),Q.style.width="",Q.style[o]="",Q.style.transform="",Q.style.marginLeft="",Q.style.left="",gn.unwrap(Z),bt)for(var e=U;e--;)tt[0].remove(),tt[tt.length-1].remove();if(void 0!==z){z=null,Q.removeAttribute("id");for(var n=et;n--;)tt[n].removeAttribute("id"),tt[n].removeAttribute("aria-hidden"),tt[n].style.width=""}if(wt&&(Q.removeEventListener("touchstart",I,!1),Q.removeEventListener("touchmove",H,!1),Q.removeEventListener("touchend",j,!1),Q.removeEventListener("touchcancel",j,!1)),at&&(t.controlsContainer?(ut.removeAttribute("aria-label"),X.removeAttribute("aria-controls"),X.removeAttribute("tabindex"),X.removeEventListener("click",x,!1),X.removeEventListener("keydown",W,!1),K.removeAttribute("aria-controls"),K.removeAttribute("tabindex"),K.removeEventListener("click",C,!1),K.removeEventListener("keydown",W,!1)):(ut.remove(),ut=null,X=null,K=null)),st){if(t.navContainer){dt.removeAttribute("aria-label");for(var i=V.length;i--;)V[i].removeAttribute("aria-selected"),V[i].removeAttribute("aria-controls"),V[i].removeEventListener("click",M,!1),V[i].removeEventListener("keydown",O,!1)}else dt.remove(),dt=null;V=null,Y=null}if(vt)if(t.navContainer||null===dt){if(Tt.removeEventListener("click",S,!1),Tt=null,at&&t.controlsContainer&&(X.removeEventListener("click",k,!1),K.removeEventListener("click",k,!1)),st&&t.navContainer)for(var r=0;r<Y;r++)V[r].removeEventListener("click",k,!1)}else dt.remove(),dt=null;ct&&document.removeEventListener("keydown",ct,!1),window.removeEventListener("resize",R,!1),window.removeEventListener("scroll",G,!1)}}}function e(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function n(t){return t*(180/Math.PI)}function i(t,e){return Math.abs(90-Math.abs(t))>=90-e?"horizontal":Math.abs(90-Math.abs(t))<=e&&"vertical"}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;i<r;i++){var o=n[i];e.push(t[o])}return e}return!1}var o=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),a=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),l={ENTER:13,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};return t}();
+!function(){"use strict";var t,e,n,i,r=window,o=document,a=Object,l=null,d=!0,s=!1,u=" ",c="Element",f="create"+c,v="DOMTokenList",m="__defineGetter__",h="defineProperty",p="class",g="List",b=p+g,y="rel",w=y+g,A="div",E="length",x="contains",L="apply",C="HTML",T=("item "+x+" add remove toggle toString toLocaleString").split(u),M=T[2],S=T[3],N=T[4],P="prototype",k=h in a||m in a[P]||l,D=function(t,e,n,i){a[h]?a[h](t,e,{configurable:s===k?d:!!i,get:n}):t[m](e,n)},W=function(e,n){var i=this,r=[],o={},l=0,c=0,f=function(){if(l>=c)for(;c<l;++c)(function(t){D(i,t,function(){return v(),r[t]},s)})(c)},v=function(){var t,i,a=arguments,s=/\s+/;if(a[E])for(i=0;i<a[E];++i)if(s.test(a[i]))throw t=new SyntaxError('String "'+a[i]+'" '+x+" an invalid character"),t.code=5,t.name="InvalidCharacterError",t;for(r=(""+e[n]).replace(/^\s+|\s+$/g,"").split(s),""===r[0]&&(r=[]),o={},i=0;i<r[E];++i)o[r[i]]=d;l=r[E],f()};return v(),D(i,E,function(){return v(),l}),i[T[6]]=i[T[5]]=function(){return v(),r.join(u)},i.item=function(t){return v(),r[t]},i[x]=function(t){return v(),!!o[t]},i[M]=function(){v[L](i,t=arguments);for(var t,a,s=0,c=t[E];s<c;++s)a=t[s],o[a]||(r.push(a),o[a]=d);l!==r[E]&&(l=r[E]>>>0,e[n]=r.join(u),f())},i[S]=function(){v[L](i,t=arguments);for(var t,a={},s=0,c=[];s<t[E];++s)a[t[s]]=d,delete o[t[s]];for(s=0;s<r[E];++s)a[r[s]]||c.push(r[s]);r=c,l=c[E]>>>0,e[n]=r.join(u),f()},i[N]=function(e,n){return v[L](i,[e]),t!==n?n?(i[M](e),d):(i[S](e),s):o[e]?(i[S](e),s):(i[M](e),d)},function(t,e){if(e)for(var n=0;n<7;++n)e(t,T[n],{enumerable:s})}(i,a[h]),i},F=function(t,e,n){D(t[P],e,function(){var t,i=this,r=m+h+e;if(i[r])return t;if(i[r]=d,s===k){for(var a,l=F.mirror=F.mirror||o[f](A),u=l.childNodes,c=u[E],v=0;v<c;++v)if(u[v]._R===i){a=u[v];break}a||(a=l.appendChild(o[f](A))),t=W.call(a,i,n)}else t=new W(i,n);return D(i,e,function(){return t}),delete i[r],t},d)};if(r[v])e=o[f](A)[b],P=r[v][P],e[M][L](e,T),2>e[E]&&(n=P[M],i=P[S],P[M]=function(){for(var t=0,e=arguments;t<e[E];++t)n.call(this,e[t])},P[S]=function(){for(var t=0,e=arguments;t<e[E];++t)i.call(this,e[t])}),e[N](g,s)&&(P[N]=function(e,n){var i=this;return i[(n=t===n?!i[x](e):n)?M:S](e),!!n});else{if(k)try{D({},"support")}catch(t){k=s}W.polyfill=d,r[v]=W,F(r[c],b,p+"Name"),F(r[C+"Link"+c],w,y),F(r[C+"Anchor"+c],w,y),F(r[C+"Area"+c],w,y)}}(),function(t,e,n){"use strict";function i(t,e,i,o){i=i||"width";var a,d,s,f=(e.match(u)||[])[2],v="px"===f?1:c[f+"toPx"],m=/r?em/i;if(v||m.test(f)&&!o)t=v?t:"rem"===f?l:"fontSize"===i?t.parentNode||t:t,v=v||parseFloat(r(t,"fontSize")),s=parseFloat(e)*v;else{a=t.style,d=a[i];try{a[i]=e}catch(t){return 0}s=a[i]?parseFloat(r(t,i)):0,a[i]=d!==n?d:null}return s}function r(t,e){var n,a,l,d,c,f=/^top|bottom/,v=["paddingTop","paddingBottom","borderTop","borderBottom"],m=4;if(n=s?s(t)[e]:(a=t.style["pixel"+e.charAt(0).toUpperCase()+e.slice(1)])?a+"px":"fontSize"===e?i(t,"1em","left",1)+"px":t.currentStyle[e],l=(n.match(u)||[])[2],"%"===l&&o)if(f.test(e)){for(d=(c=t.parentNode||t).offsetHeight;m--;)d-=parseFloat(r(c,v[m]));n=parseFloat(n)/100*d+"px"}else n=i(t,n);else("auto"===n||l&&"px"!==l)&&s?n=0:l&&"px"!==l&&!s&&(n=i(t,n)+"px");return n}var o,a=e.createElement("test"),l=e.documentElement,d=e.defaultView,s=d&&d.getComputedStyle,u=/^(-?[\d+\.\-]+)([a-z]+|%)$/i,c={},f=[1/25.4,1/2.54,1/72,1/6],v=["mm","cm","pt","pc","in","mozmm"],m=6;for(l.appendChild(a),s&&(a.style.marginTop="1%",o="1%"===s(a).marginTop);m--;)c[v[m]+"toPx"]=f[m]?f[m]*c.inToPx:i(a,"1"+v[m]);l.removeChild(a),a=n,t.Length={toPx:i}}(this,this.document),Date.now||(Date.now=function(){return(new Date).getTime()}),function(){"use strict";for(var t=["webkit","moz"],e=0;e<t.length&&!window.requestAnimationFrame;++e){var n=t[e];window.requestAnimationFrame=window[n+"RequestAnimationFrame"],window.cancelAnimationFrame=window[n+"CancelAnimationFrame"]||window[n+"CancelRequestAnimationFrame"]}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var i=0;window.requestAnimationFrame=function(t){var e=Date.now(),n=Math.max(i+16,e);return setTimeout(function(){t(i=n)},n-e)},window.cancelAnimationFrame=clearTimeout}}(),function(){"use strict";"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})}();var gn=function(t){return t}(window.gn||{});gn.extend=function(){for(var t,e,n,i=arguments[0]||{},r=1,o=arguments.length;r<o;r++)if(null!==(t=arguments[r]))for(e in t)n=t[e],i!==n&&void 0!==n&&(i[e]=n);return i},gn.isInViewport=function(t){var e=t.getBoundingClientRect();return e.bottom>0&&e.right>0&&e.top<document.documentElement.clientHeight&&e.left<document.documentElement.clientWidth},gn.indexOf=function(t,e){for(var n=0;n<t.length;n++)if(t[n]===e)return n;return-1},gn.getSupportedProp=function(t){for(var e=document.documentElement,n=0;n<t.length;n++)if(t[n]in e.style)return t[n]},gn.ready=function(t){if("function"==typeof t)return"complete"===document.readyState?t():void document.addEventListener("DOMContentLoaded",t,!1)},gn.isNodeList=function(t){return"undefined"!=typeof t.item},gn.append=function(t,e){var n,i=gn.isNodeList(t)?t:[t];if("undefined"!=typeof e.nodeType&&1===e.nodeType)for(n=i.length;n--;)i[n].appendChild(e);else if("string"==typeof e)for(n=i.length;n--;)i[n].insertAdjacentHTML("beforeend",e);else if(gn.isNodeList(e)){var r=document.createDocumentFragment();for(n=e.length;n--;)r.insertBefore(e[n],r.firstChild);for(var o=i.length;o--;)i[o].appendChild(r)}},gn.wrap=function(t,e){for(var n=gn.isNodeList(t)?t:[t],i=n.length;i--;){var r=i>0?e.cloneNode(!0):e,o=n[i],a=o.parentNode,l=o.nextSibling;r.appendChild(o),l?a.insertBefore(r,l):a.appendChild(r)}},gn.unwrap=function(t){for(var e=gn.isNodeList(t)?t:[t],n=e.length;n--;){for(var i=e[n],r=i.parentNode;i.firstChild;)r.insertBefore(i.firstChild,i);r.removeChild(i)}},gn.getWidth=function(t){var e=/\d/,n=t.clientWidth,i=t.currentStyle||getComputedStyle(t),r=null===e.exec(i.paddingLeft)?"0px":i.paddingLeft,o=null===e.exec(i.paddingRight)?"0px":i.paddingRight;return n-=parseInt(Length.toPx(t,r))+parseInt(Length.toPx(t,o))};var tinySlider=function(){"use strict";function t(t){function d(){Q.style.width=B*nt+"px";var t;t=0!==it&&"marginLeft"===rt?gt?U*B+it:it:U*B,Q.style.marginLeft=-t+"px";for(var e=nt;e--;)tt[e].style.width=B-it+"px",0!==it&&(tt[e].style[rt]=it+"px")}function s(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function u(t){for(var e=t.length;e--;)s(t[e])&&t.splice(e,1);0===t.length?f():setTimeout(function(){u(t)},16)}function c(){for(var t=Gt(),e=[],n=nt;n--;)if(n>=t&&n<t+_)for(var i=tt[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?f():u(e)}function f(){for(var t,e=Gt(),n=[],i=nt;i--;)i>=e&&i<e+_&&n.push(tt[i].offsetHeight);t=Math.max.apply(null,n),o&&(Q.style[o]=ft/1e3+"s"),Q.style.height=t+"px",Lt=!0,setTimeout(function(){o&&(Q.style[o]="0s"),Lt=!1},ft)}function v(t){o&&(Q.style[o]=ft*t/1e3+"s",Lt=!0)}function m(){navigator.msMaxTouchPoints&&(Q.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+B+")")}function h(){for(var t=nt;t--;){var e=Gt(),n=tt[t];t>=e&&t<e+_?n.hasAttribute("aria-hidden")&&"true"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","false"):n.hasAttribute("aria-hidden")&&"false"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","true")}}function p(){gt||(et>_?(0===xt?(X.disabled=!0,D(X,V)):X.disabled=!1,xt===et-_?(V.disabled=!0,D(V,X)):V.disabled=!1):(0!==xt&&(xt=0,y()),X.disabled=!0,V.disabled=!0,X.setAttribute("tabindex","-1"),V.setAttribute("tabindex","-1"),X===document.activeElement&&X.blur(),V===document.activeElement&&V.blur()))}function g(){if(st&&!t.navContainer)for(var e=K;e--;){var n=$[e];e<Y?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function b(){if(st){var e;if(Et===-1){var n=xt<0?xt+et:xt>=et?xt-et:xt;if(e=t.navContainer?n:Math.floor(n/_),!gt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/_);r||xt!==et-_||(e+=1)}}else e=Et,Et=-1;for(var o=Y;o--;){var a=$[o];o===e?"false"===a.getAttribute("aria-selected")&&(a.setAttribute("tabindex","0"),a.setAttribute("aria-selected","true")):"true"===a.getAttribute("aria-selected")&&(a.setAttribute("tabindex","-1"),a.setAttribute("aria-selected","false"))}}}function y(){var t=Q.parentNode.offsetWidth;kt=-B*xt,ot&&!gt&&(kt=Math.max(kt,-Math.abs(et*B-it-t))),a?Q.style[a]="translate3d("+kt+"px, 0, 0)":Q.style.left=kt+"px"}function w(){d(),m(),y(),g(),b(),h(),p(),bt&&c(),wt&&O()}function A(){if(gt){var t=yt?xt<_-U:xt<=-U,e=yt?xt>et+U-2*_-1:xt>=et+U-_;ot&&U&&!yt&&(e=xt>=et+U-_-1),t&&(xt+=et),e&&(xt-=et),o&&(Q.style[o]="0s"),y()}}function E(t){Q.setAttribute("aria-busy","true"),v(t),y(),setTimeout(function(){A(),h(),p(),b(),O(),bt&&c(),Lt=!1,Q.setAttribute("aria-busy","false")},ft*t)}function x(t){if(!Lt){t=yt?t*_:t;var e=Math.abs(t);xt=gt?xt+t:Math.max(0,Math.min(xt+t,et-_)),E(e)}}function L(){x(-1)}function C(){x(1)}function T(e){if(!Lt){for(var n,i=e.target||e.srcElement;gn.indexOf($,i)===-1;)i=i.parentNode;Et=n=Number(i.getAttribute("data-slide"));var r,o;r=t.navContainer?n:n*_,r=gt?r:Math.min(r,et-_),o=Math.abs(r-xt),xt=r,E(o)}}function M(){Tt=setInterval(function(){x(ht)},mt),Mt.setAttribute("data-action","stop"),Mt.innerHTML="<span hidden>Stop Animation</span>"+pt[1],St=!0}function S(){clearInterval(Tt),Mt.setAttribute("data-action","start"),Mt.innerHTML="<span hidden>Stop Animation</span>"+pt[0],St=!1}function N(){St?S():M()}function P(){St&&S()}function k(t){t=t||window.event,t.keyCode===l.LEFT?x(-1):t.keyCode===l.RIGHT&&x(1)}function D(t,e){"object"==typeof t&&"object"==typeof e&&t===document.activeElement&&(t.blur(),e.focus())}function W(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==l.LEFT&&e!==l.UP&&e!==l.HOME&&e!==l.PAGEUP||n!==X&&X.disabled!==!0&&D(n,X),e!==l.RIGHT&&e!==l.DOWN&&e!==l.END&&e!==l.PAGEDOWN||n!==V&&V.disabled!==!0&&D(n,V),e!==l.ENTER&&e!==l.SPACE||(n===V?C():L())}function F(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==l.LEFT&&e!==l.PAGEUP||n.getAttribute("data-slide")>0&&D(n,n.previousElementSibling),e!==l.UP&&e!==l.HOME||0!==n.getAttribute("data-slide")&&D(n,$[0]),e!==l.RIGHT&&e!==l.PAGEDOWN||n.getAttribute("data-slide")<Y-1&&D(n,n.nextElementSibling),e!==l.DOWN&&e!==l.END||n.getAttribute("data-slide")<Y-1&&D(n,$[Y-1]),e!==l.ENTER&&e!==l.SPACE||T(t)}function O(){if(gn.isInViewport(Q)){var t=Q.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;e<n;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function I(){Q.style[o]="0s",Q.style.transform="translate3d(-"+-Q.scrollLeft()+"px,0,0)"}function q(t){var e=t.changedTouches[0];Nt=parseInt(e.clientX),Pt=parseInt(e.clientY)}function H(t){var e=t.changedTouches[0];Dt=parseInt(e.clientX)-Nt,Wt=parseInt(e.clientY)-Pt;var r=n(Math.atan2(Wt,Dt)),l=i(r,15);if("horizontal"===l&&Lt===!1&&(Ft=!0),Ft){o&&(Q.style[o]="0s");var d=gt?-(et+U-_)*B:-(et-_)*B,s=gt?U*B:0;!gt&&ot&&(d=-(et*B-Q.parentNode.offsetWidth)),kt=-xt*B+Dt,kt=Math.max(d,Math.min(kt,s)),a?Q.style[a]="translate3d("+kt+"px, 0, 0)":Q.style.left=kt+"px",t.preventDefault()}}function z(t){var e=t.changedTouches[0];if(Dt=parseInt(e.clientX)-Nt,Ft&&0!==Dt){t.preventDefault(),Ft=!1,kt=-xt*B+Dt;var n,i=gt?-U:0,r=gt?et+U-_:et-_;n=-(kt/B),n=Dt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),xt=n,E(1)}}function R(){clearTimeout(J),J=setTimeout(function(){_=Ht(),B=Rt(),Y=jt(),w()},100)}function j(){Ct||window.requestAnimationFrame(function(){wt&&O(),Ct=!1}),Ct=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,gutterPosition:"right",fixedWidth:!1,maxContainerWidth:!1,slideByPage:!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},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var G,B,U,_,X,V,$,K,Y,J,Q=t.container,Z=document.createElement("div"),tt=Q.children,et=tt.length,nt=tt.length,it=t.gutter,rt="right"===t.gutterPosition?"marginRight":"marginLeft",ot=t.fixedWidth,at=t.controls,lt=t.controlsText,dt=!!t.controlsContainer&&t.controlsContainer,st=t.nav,ut=!!t.navContainer&&t.navContainer,ct=t.arrowKeys,ft=o?t.speed:0,vt=t.autoplay,mt=t.autoplayTimeout,ht="forward"===t.autoplayDirection?1:-1,pt=t.autoplayText,gt=!(ot&&!t.maxContainerWidth)&&t.loop,bt=t.autoHeight,yt=t.slideByPage,wt=t.lazyload,At=t.touch,Et=-1,xt=0,Lt=!1,Ct=!1;if(vt)var Tt,Mt,St=!1;if(At)var Nt=0,Pt=0,kt=0,Dt=0,Wt=0,Ft=!1;var Ot=!ot&&t.responsive,It="object"==typeof Ot&&Object.keys(Ot),qt=r(Ot),Ht=function(){return ot?function(){return Math.max(Math.min(et,Math.floor(Q.parentNode.offsetWidth/ot)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==It.length&&void 0!==qt&&It.length===qt.length)if(n<It[0])e=t.items;else if(n>=It[It.length-1])e=qt[qt.length-1];else for(var i=0;i<It.length-1;i++)n>=It[i]&&n<=It[i+1]&&(e=qt[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),zt=function(){var e;return e=ot?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/ot):void 0!==qt.length?Math.max.apply(Math,qt):t.items,e?Math.min(et,e):e},Rt=function(){return ot?function(){return ot+it}:function(){return(gn.getWidth(Q.parentNode)+it)/_}}(),jt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/_)}}(),Gt=function(){return gt?function(){return xt+U}:function(){return xt}}();return _=Ht(),U=zt(),B=Rt(),Y=jt(),{init:function(){Q.classList.add("tiny-content"),0===Q.id.length?Q.id=G=e():G=Q.id,Z.className="tiny-slider",gn.wrap(Q,Z),navigator.msMaxTouchPoints&&(Z.classList.add("ms-touch"),Z.addEventListener("scroll",I,!1));for(var n=0;n<et;n++)tt[n].id=G+"item"+n;if(gt){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),o=U;o--;){var a=tt[o].cloneNode(!0),l=tt[et-1-o].cloneNode(!0);a.id="",l.id="",i.insertBefore(a,i.firstChild),r.appendChild(l)}Q.appendChild(i),Q.insertBefore(r,Q.firstChild),nt=Q.children.length,tt=Q.children}if(st){if(!t.navContainer){for(var d="",s=0;s<et;s++)d+='<button data-slide="'+s+'" tabindex="-1" aria-selected="false" aria-controls="'+G+"item"+s+'" type="button"></button>';vt&&(d+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+pt[0]+"</button>"),d='<div class="tiny-nav" aria-label="Carousel Pagination">'+d+"</div>",gn.append(Z,d),ut=Z.querySelector(".tiny-nav")}if($=ut.querySelectorAll("[data-slide]"),K=$.length,!ut.hasAttribute("aria-label")){ut.setAttribute("aria-label","Carousel Pagination");for(var u=0;u<K;u++){var c=$[u];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",G+"item"+u)}}}if(at&&(t.controlsContainer||(gn.append(Z,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+G+'" type="button">'+lt[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+G+'" type="button">'+lt[1]+"</button></div>"),dt=Z.querySelector(".tiny-controls")),X=dt.querySelector('[data-controls="prev"]'),V=dt.querySelector('[data-controls="next"]'),dt.hasAttribute("tabindex")||(dt.setAttribute("aria-label","Carousel Navigation"),X.setAttribute("aria-controls",G),V.setAttribute("aria-controls",G),X.setAttribute("tabindex","-1"),V.setAttribute("tabindex","0"))),vt&&(ut||(gn.append(Z,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+pt[0]+"</button></div>"),ut=Z.querySelector(".tiny-nav")),Mt=ut.querySelector("[data-action]")),w(),At&&(Q.addEventListener("touchstart",q,!1),Q.addEventListener("touchmove",H,!1),Q.addEventListener("touchend",z,!1),Q.addEventListener("touchcancel",z,!1)),at&&(p(),X.addEventListener("click",L,!1),V.addEventListener("click",C,!1),X.addEventListener("keydown",W,!1),V.addEventListener("keydown",W,!1)),st)for(var f=$.length;f--;)$[f].addEventListener("click",T,!1),$[f].addEventListener("keydown",F,!1);if(vt&&(M(),Mt.addEventListener("click",N,!1),at&&(X.addEventListener("click",P,!1),V.addEventListener("click",P,!1)),st))for(var v=0;v<K;v++)$[v].addEventListener("click",P,!1);ct&&document.addEventListener("keydown",k,!1),window.addEventListener("resize",R,!1),window.addEventListener("scroll",j,!1)},destory:function(){if(Q.classList.remove("tiny-content"),Q.style.width="",Q.style[o]="",Q.style.transform="",Q.style.marginLeft="",Q.style.left="",gn.unwrap(Z),gt)for(var e=U;e--;)tt[0].remove(),tt[tt.length-1].remove();if(void 0!==G){G=null,Q.removeAttribute("id");for(var n=et;n--;)tt[n].removeAttribute("id"),tt[n].removeAttribute("aria-hidden"),tt[n].style.width=""}if(At&&(Q.removeEventListener("touchstart",q,!1),Q.removeEventListener("touchmove",H,!1),Q.removeEventListener("touchend",z,!1),Q.removeEventListener("touchcancel",z,!1)),at&&(t.controlsContainer?(dt.removeAttribute("aria-label"),X.removeAttribute("aria-controls"),X.removeAttribute("tabindex"),X.removeEventListener("click",L,!1),X.removeEventListener("keydown",W,!1),V.removeAttribute("aria-controls"),V.removeAttribute("tabindex"),V.removeEventListener("click",C,!1),V.removeEventListener("keydown",W,!1)):(dt.remove(),dt=null,X=null,V=null)),st){if(t.navContainer){ut.removeAttribute("aria-label");for(var i=$.length;i--;)$[i].removeAttribute("aria-selected"),$[i].removeAttribute("aria-controls"),$[i].removeEventListener("click",T,!1),$[i].removeEventListener("keydown",F,!1)}else ut.remove(),ut=null;$=null,K=null}if(vt)if(t.navContainer||null===ut){if(Mt.removeEventListener("click",N,!1),Mt=null,at&&t.controlsContainer&&(X.removeEventListener("click",P,!1),V.removeEventListener("click",P,!1)),st&&t.navContainer)for(var r=0;r<K;r++)$[r].removeEventListener("click",P,!1)}else ut.remove(),ut=null;ct&&document.removeEventListener("keydown",ct,!1),window.removeEventListener("resize",R,!1),window.removeEventListener("scroll",j,!1)}}}function e(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function n(t){return t*(180/Math.PI)}function i(t,e){return Math.abs(90-Math.abs(t))>=90-e?"horizontal":Math.abs(90-Math.abs(t))<=e&&"vertical"}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;i<r;i++){var o=n[i];e.push(t[o])}return e}return!1}var o=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),a=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),l={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.js.map
diff --git a/dist/min/tiny-slider.native.js b/dist/min/tiny-slider.native.js
index 2fab0ce3..8482080a 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 l(){Z.style.width=U*nt+"px";var t;t=0!==it&&"marginLeft"===rt?pt?B*U+it:it:B*U,Z.style.marginLeft=-t+"px";for(var e=nt;e--;)tt[e].style.width=U-it+"px",0!==it&&(tt[e].style[rt]=it+"px")}function d(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function u(t){for(var e=t.length;e--;)d(t[e])&&t.splice(e,1);0===t.length?v():setTimeout(function(){u(t)},16)}function c(){for(var t=Ft(),e=[],n=nt;n--;)if(n>=t&&n<t+X)for(var i=tt[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?v():u(e)}function v(){for(var t,e=Ft(),n=[],i=nt;i--;)i>=e&&i<e+X&&n.push(tt[i].offsetHeight);t=Math.max.apply(null,n),a&&(Z.style[a]=vt/1e3+"s"),Z.style.height=t+"px",wt=!0,setTimeout(function(){a&&(Z.style[a]="0s"),wt=!1},vt)}function f(t){a&&(Z.style[a]=vt*t/1e3+"s",wt=!0)}function h(){navigator.msMaxTouchPoints&&(Z.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+U+")")}function m(){for(var t=nt;t--;){var e=Ft(),n=tt[t];t>=e&&t<e+X?n.hasAttribute("aria-hidden")&&"true"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","false"):n.hasAttribute("aria-hidden")&&"false"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","true")}}function b(){pt||(et>X?(0===xt?(K.disabled=!0,W(K,Y)):K.disabled=!1,xt===et-X?(Y.disabled=!0,W(Y,K)):Y.disabled=!1):(0!==xt&&(xt=0,g()),K.disabled=!0,Y.disabled=!0,K.setAttribute("tabindex","-1"),Y.setAttribute("tabindex","-1"),K===document.activeElement&&K.blur(),Y===document.activeElement&&Y.blur()))}function p(){if(dt&&!t.navContainer)for(var e=$;e--;){var n=V[e];e<J?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function y(){if(dt){var e;if(Lt===-1){var n=xt<0?xt+et:xt>=et?xt-et:xt;if(e=t.navContainer?n:Math.floor(n/X),!pt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/X);r||xt!==et-X||(e+=1)}}else e=Lt,Lt=-1;for(var a=J;a--;){var o=V[a];a===e?"false"===o.getAttribute("aria-selected")&&(o.setAttribute("tabindex","0"),o.setAttribute("aria-selected","true")):"true"===o.getAttribute("aria-selected")&&(o.setAttribute("tabindex","-1"),o.setAttribute("aria-selected","false"))}}}function g(){var t=Z.parentNode.offsetWidth;Pt=-U*xt,at&&!pt&&(Pt=Math.max(Pt,-Math.abs(et*U-it-t))),o?Z.style[o]="translate3d("+Pt+"px, 0, 0)":Z.style.left=Pt+"px"}function E(){l(),h(),g(),p(),y(),m(),b(),yt&&c(),Et&&O()}function A(){if(pt){var t=gt?xt<X-B:xt<=-B,e=gt?xt>et+B-2*X-1:xt>=et+B-X;at&&B&&!gt&&(e=xt>=et+B-X-1),t&&(xt+=et),e&&(xt-=et),a&&(Z.style[a]="0s"),g()}}function L(t){Z.setAttribute("aria-busy","true"),f(t),g(),setTimeout(function(){A(),m(),b(),y(),O(),yt&&c(),wt=!1,Z.setAttribute("aria-busy","false")},vt*t)}function x(t){if(!wt){t=gt?t*X:t;var e=Math.abs(t);xt=pt?xt+t:Math.max(0,Math.min(xt+t,et-X)),L(e)}}function w(){x(-1)}function M(){x(1)}function C(e){if(!wt){for(var n,i=e.target||e.srcElement;gn.indexOf(V,i)===-1;)i=i.parentNode;Lt=n=Number(i.getAttribute("data-slide"));var r,a;r=t.navContainer?n:n*X,r=pt?r:Math.min(r,et-X),a=Math.abs(r-xt),xt=r,L(a)}}function T(){Ct=setInterval(function(){x(mt)},ht),Tt.setAttribute("data-action","stop"),Tt.innerHTML="<span hidden>Stop Animation</span>"+bt[1],kt=!0}function k(){clearInterval(Ct),Tt.setAttribute("data-action","start"),Tt.innerHTML="<span hidden>Stop Animation</span>"+bt[0],kt=!1}function S(){kt?k():T()}function N(){kt&&k()}function P(t){t=t||window.event,t.keyCode===s.LEFT?x(-1):t.keyCode===s.RIGHT&&x(1)}function W(t,e){"object"==typeof t&&"object"==typeof e&&t===document.activeElement&&(t.blur(),e.focus())}function D(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==s.LEFT&&e!==s.UP&&e!==s.HOME&&e!==s.PAGEUP||n!==K&&K.disabled!==!0&&W(n,K),e!==s.RIGHT&&e!==s.DOWN&&e!==s.END&&e!==s.PAGEDOWN||n!==Y&&Y.disabled!==!0&&W(n,Y),e!==s.ENTER&&e!==s.SPACE||(n===Y?M():w())}function I(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==s.LEFT&&e!==s.PAGEUP||n.getAttribute("data-slide")>0&&W(n,n.previousElementSibling),e!==s.UP&&e!==s.HOME||0!==n.getAttribute("data-slide")&&W(n,V[0]),e!==s.RIGHT&&e!==s.PAGEDOWN||n.getAttribute("data-slide")<J-1&&W(n,n.nextElementSibling),e!==s.DOWN&&e!==s.END||n.getAttribute("data-slide")<J-1&&W(n,V[J-1]),e!==s.ENTER&&e!==s.SPACE||C(t)}function O(){if(gn.isInViewport(Z)){var t=Z.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;e<n;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function H(){Z.style[a]="0s",Z.style.transform="translate3d(-"+-Z.scrollLeft()+"px,0,0)"}function q(t){var e=t.changedTouches[0];St=parseInt(e.clientX),Nt=parseInt(e.clientY)}function G(t){var e=t.changedTouches[0];Wt=parseInt(e.clientX)-St,Dt=parseInt(e.clientY)-Nt;var r=n(Math.atan2(Dt,Wt)),s=i(r,15);if("horizontal"===s&&wt===!1&&(It=!0),It){a&&(Z.style[a]="0s");var l=pt?-(et+B-X)*U:-(et-X)*U,d=pt?B*U:0;!pt&&at&&(l=-(et*U-Z.parentNode.offsetWidth)),Pt=-xt*U+Wt,Pt=Math.max(l,Math.min(Pt,d)),o?Z.style[o]="translate3d("+Pt+"px, 0, 0)":Z.style.left=Pt+"px",t.preventDefault()}}function z(t){var e=t.changedTouches[0];if(Wt=parseInt(e.clientX)-St,It&&0!==Wt){t.preventDefault(),It=!1,Pt=-xt*U+Wt;var n,i=pt?-B:0,r=pt?et+B-X:et-X;n=-(Pt/U),n=Wt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),xt=n,L(1)}}function R(){clearTimeout(Q),Q=setTimeout(function(){X=Gt(),U=Rt(),J=jt(),E()},100)}function j(){Mt||window.requestAnimationFrame(function(){Et&&O(),Mt=!1}),Mt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,gutterPosition:"right",fixedWidth:!1,maxContainerWidth:!1,slideByPage:!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},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var F,U,B,X,K,Y,V,$,J,Q,Z=t.container,_=document.createElement("div"),tt=Z.children,et=tt.length,nt=tt.length,it=t.gutter,rt="right"===t.gutterPosition?"marginRight":"marginLeft",at=t.fixedWidth,ot=t.controls,st=t.controlsText,lt=!!t.controlsContainer&&t.controlsContainer,dt=t.nav,ut=!!t.navContainer&&t.navContainer,ct=t.arrowKeys,vt=a?t.speed:0,ft=t.autoplay,ht=t.autoplayTimeout,mt="forward"===t.autoplayDirection?1:-1,bt=t.autoplayText,pt=!(at&&!t.maxContainerWidth)&&t.loop,yt=t.autoHeight,gt=t.slideByPage,Et=t.lazyload,At=t.touch,Lt=-1,xt=0,wt=!1,Mt=!1;if(ft)var Ct,Tt,kt=!1;if(At)var St=0,Nt=0,Pt=0,Wt=0,Dt=0,It=!1;var Ot=!at&&t.responsive,Ht="object"==typeof Ot&&Object.keys(Ot),qt=r(Ot),Gt=function(){return at?function(){return Math.max(Math.min(et,Math.floor(Z.parentNode.offsetWidth/at)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ht.length&&void 0!==qt&&Ht.length===qt.length)if(n<Ht[0])e=t.items;else if(n>=Ht[Ht.length-1])e=qt[qt.length-1];else for(var i=0;i<Ht.length-1;i++)n>=Ht[i]&&n<=Ht[i+1]&&(e=qt[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),zt=function(){var e;return e=at?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/at):void 0!==qt.length?Math.max.apply(Math,qt):t.items,e?Math.min(et,e):e},Rt=function(){return at?function(){return at+it}:function(){return(Z.parentNode.offsetWidth+it)/X}}(),jt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/X)}}(),Ft=function(){return pt?function(){return xt+B}:function(){return xt}}();return X=Gt(),B=zt(),U=Rt(),J=jt(),{init:function(){Z.classList.add("tiny-content"),0===Z.id.length?Z.id=F=e():F=Z.id,_.className="tiny-slider",gn.wrap(Z,_),navigator.msMaxTouchPoints&&(_.classList.add("ms-touch"),_.addEventListener("scroll",H,!1));for(var n=0;n<et;n++)tt[n].id=F+"item"+n;if(pt){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),a=B;a--;){var o=tt[a].cloneNode(!0),s=tt[et-1-a].cloneNode(!0);o.id="",s.id="",i.insertBefore(o,i.firstChild),r.appendChild(s)}Z.appendChild(i),Z.insertBefore(r,Z.firstChild),nt=Z.children.length,tt=Z.children}if(dt){if(!t.navContainer){for(var l="",d=0;d<et;d++)l+='<button data-slide="'+d+'" tabindex="-1" aria-selected="false" aria-controls="'+F+"item"+d+'" type="button"></button>';ft&&(l+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+bt[0]+"</button>"),l='<div class="tiny-nav" aria-label="Carousel Pagination">'+l+"</div>",gn.append(_,l),ut=_.querySelector(".tiny-nav")}if(V=ut.querySelectorAll("[data-slide]"),$=V.length,!ut.hasAttribute("aria-label")){ut.setAttribute("aria-label","Carousel Pagination");for(var u=0;u<$;u++){var c=V[u];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",F+"item"+u)}}}if(ot&&(t.controlsContainer||(gn.append(_,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+F+'" type="button">'+st[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+F+'" type="button">'+st[1]+"</button></div>"),lt=_.querySelector(".tiny-controls")),K=lt.querySelector('[data-controls="prev"]'),Y=lt.querySelector('[data-controls="next"]'),lt.hasAttribute("tabindex")||(lt.setAttribute("aria-label","Carousel Navigation"),K.setAttribute("aria-controls",F),Y.setAttribute("aria-controls",F),K.setAttribute("tabindex","-1"),Y.setAttribute("tabindex","0"))),ft&&(ut||(gn.append(_,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+bt[0]+"</button></div>"),ut=_.querySelector(".tiny-nav")),Tt=ut.querySelector("[data-action]")),E(),At&&(Z.addEventListener("touchstart",q,!1),Z.addEventListener("touchmove",G,!1),Z.addEventListener("touchend",z,!1),Z.addEventListener("touchcancel",z,!1)),ot&&(b(),K.addEventListener("click",w,!1),Y.addEventListener("click",M,!1),K.addEventListener("keydown",D,!1),Y.addEventListener("keydown",D,!1)),dt)for(var v=V.length;v--;)V[v].addEventListener("click",C,!1),V[v].addEventListener("keydown",I,!1);if(ft&&(T(),Tt.addEventListener("click",S,!1),ot&&(K.addEventListener("click",N,!1),Y.addEventListener("click",N,!1)),dt))for(var f=0;f<$;f++)V[f].addEventListener("click",N,!1);ct&&document.addEventListener("keydown",P,!1),window.addEventListener("resize",R,!1),window.addEventListener("scroll",j,!1)},destory:function(){if(Z.classList.remove("tiny-content"),Z.style.width="",Z.style[a]="",Z.style.transform="",Z.style.marginLeft="",Z.style.left="",gn.unwrap(_),pt)for(var e=B;e--;)tt[0].remove(),tt[tt.length-1].remove();if(void 0!==F){F=null,Z.removeAttribute("id");for(var n=et;n--;)tt[n].removeAttribute("id"),tt[n].removeAttribute("aria-hidden"),tt[n].style.width=""}if(At&&(Z.removeEventListener("touchstart",q,!1),Z.removeEventListener("touchmove",G,!1),Z.removeEventListener("touchend",z,!1),Z.removeEventListener("touchcancel",z,!1)),ot&&(t.controlsContainer?(lt.removeAttribute("aria-label"),K.removeAttribute("aria-controls"),K.removeAttribute("tabindex"),K.removeEventListener("click",w,!1),K.removeEventListener("keydown",D,!1),Y.removeAttribute("aria-controls"),Y.removeAttribute("tabindex"),Y.removeEventListener("click",M,!1),Y.removeEventListener("keydown",D,!1)):(lt.remove(),lt=null,K=null,Y=null)),dt){if(t.navContainer){ut.removeAttribute("aria-label");for(var i=V.length;i--;)V[i].removeAttribute("aria-selected"),V[i].removeAttribute("aria-controls"),V[i].removeEventListener("click",C,!1),V[i].removeEventListener("keydown",I,!1)}else ut.remove(),ut=null;V=null,$=null}if(ft)if(t.navContainer||null===ut){if(Tt.removeEventListener("click",S,!1),Tt=null,ot&&t.controlsContainer&&(K.removeEventListener("click",N,!1),Y.removeEventListener("click",N,!1)),dt&&t.navContainer)for(var r=0;r<$;r++)V[r].removeEventListener("click",N,!1)}else ut.remove(),ut=null;ct&&document.removeEventListener("keydown",ct,!1),window.removeEventListener("resize",R,!1),window.removeEventListener("scroll",j,!1)}}}function e(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function n(t){return t*(180/Math.PI)}function i(t,e){return Math.abs(90-Math.abs(t))>=90-e?"horizontal":Math.abs(90-Math.abs(t))<=e&&"vertical"}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;i<r;i++){var a=n[i];e.push(t[a])}return e}return!1}var a=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),o=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),s={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 l(){Z.style.width=U*nt+"px";var t;t=0!==it&&"marginLeft"===rt?pt?B*U+it:it:B*U,Z.style.marginLeft=-t+"px";for(var e=nt;e--;)tt[e].style.width=U-it+"px",0!==it&&(tt[e].style[rt]=it+"px")}function d(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function u(t){for(var e=t.length;e--;)d(t[e])&&t.splice(e,1);0===t.length?v():setTimeout(function(){u(t)},16)}function c(){for(var t=Ft(),e=[],n=nt;n--;)if(n>=t&&n<t+X)for(var i=tt[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?v():u(e)}function v(){for(var t,e=Ft(),n=[],i=nt;i--;)i>=e&&i<e+X&&n.push(tt[i].offsetHeight);t=Math.max.apply(null,n),a&&(Z.style[a]=vt/1e3+"s"),Z.style.height=t+"px",wt=!0,setTimeout(function(){a&&(Z.style[a]="0s"),wt=!1},vt)}function f(t){a&&(Z.style[a]=vt*t/1e3+"s",wt=!0)}function h(){navigator.msMaxTouchPoints&&(Z.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+U+")")}function m(){for(var t=nt;t--;){var e=Ft(),n=tt[t];t>=e&&t<e+X?n.hasAttribute("aria-hidden")&&"true"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","false"):n.hasAttribute("aria-hidden")&&"false"!==n.getAttribute("aria-hidden")||n.setAttribute("aria-hidden","true")}}function b(){pt||(et>X?(0===xt?(K.disabled=!0,W(K,Y)):K.disabled=!1,xt===et-X?(Y.disabled=!0,W(Y,K)):Y.disabled=!1):(0!==xt&&(xt=0,g()),K.disabled=!0,Y.disabled=!0,K.setAttribute("tabindex","-1"),Y.setAttribute("tabindex","-1"),K===document.activeElement&&K.blur(),Y===document.activeElement&&Y.blur()))}function p(){if(dt&&!t.navContainer)for(var e=$;e--;){var n=V[e];e<J?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function y(){if(dt){var e;if(Lt===-1){var n=xt<0?xt+et:xt>=et?xt-et:xt;if(e=t.navContainer?n:Math.floor(n/X),!pt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/X);r||xt!==et-X||(e+=1)}}else e=Lt,Lt=-1;for(var a=J;a--;){var o=V[a];a===e?"false"===o.getAttribute("aria-selected")&&(o.setAttribute("tabindex","0"),o.setAttribute("aria-selected","true")):"true"===o.getAttribute("aria-selected")&&(o.setAttribute("tabindex","-1"),o.setAttribute("aria-selected","false"))}}}function g(){var t=Z.parentNode.offsetWidth;Pt=-U*xt,at&&!pt&&(Pt=Math.max(Pt,-Math.abs(et*U-it-t))),o?Z.style[o]="translate3d("+Pt+"px, 0, 0)":Z.style.left=Pt+"px"}function E(){l(),h(),g(),p(),y(),m(),b(),yt&&c(),Et&&O()}function A(){if(pt){var t=gt?xt<X-B:xt<=-B,e=gt?xt>et+B-2*X-1:xt>=et+B-X;at&&B&&!gt&&(e=xt>=et+B-X-1),t&&(xt+=et),e&&(xt-=et),a&&(Z.style[a]="0s"),g()}}function L(t){Z.setAttribute("aria-busy","true"),f(t),g(),setTimeout(function(){A(),m(),b(),y(),O(),yt&&c(),wt=!1,Z.setAttribute("aria-busy","false")},vt*t)}function x(t){if(!wt){t=gt?t*X:t;var e=Math.abs(t);xt=pt?xt+t:Math.max(0,Math.min(xt+t,et-X)),L(e)}}function w(){x(-1)}function M(){x(1)}function C(e){if(!wt){for(var n,i=e.target||e.srcElement;gn.indexOf(V,i)===-1;)i=i.parentNode;Lt=n=Number(i.getAttribute("data-slide"));var r,a;r=t.navContainer?n:n*X,r=pt?r:Math.min(r,et-X),a=Math.abs(r-xt),xt=r,L(a)}}function T(){Ct=setInterval(function(){x(mt)},ht),Tt.setAttribute("data-action","stop"),Tt.innerHTML="<span hidden>Stop Animation</span>"+bt[1],kt=!0}function k(){clearInterval(Ct),Tt.setAttribute("data-action","start"),Tt.innerHTML="<span hidden>Stop Animation</span>"+bt[0],kt=!1}function S(){kt?k():T()}function N(){kt&&k()}function P(t){t=t||window.event,t.keyCode===s.LEFT?x(-1):t.keyCode===s.RIGHT&&x(1)}function W(t,e){"object"==typeof t&&"object"==typeof e&&t===document.activeElement&&(t.blur(),e.focus())}function D(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==s.LEFT&&e!==s.UP&&e!==s.HOME&&e!==s.PAGEUP||n!==K&&K.disabled!==!0&&W(n,K),e!==s.RIGHT&&e!==s.DOWN&&e!==s.END&&e!==s.PAGEDOWN||n!==Y&&Y.disabled!==!0&&W(n,Y),e!==s.ENTER&&e!==s.SPACE||(n===Y?M():w())}function I(t){t=t||window.event;var e=t.keyCode,n=document.activeElement;e!==s.LEFT&&e!==s.PAGEUP||n.getAttribute("data-slide")>0&&W(n,n.previousElementSibling),e!==s.UP&&e!==s.HOME||0!==n.getAttribute("data-slide")&&W(n,V[0]),e!==s.RIGHT&&e!==s.PAGEDOWN||n.getAttribute("data-slide")<J-1&&W(n,n.nextElementSibling),e!==s.DOWN&&e!==s.END||n.getAttribute("data-slide")<J-1&&W(n,V[J-1]),e!==s.ENTER&&e!==s.SPACE||C(t)}function O(){if(gn.isInViewport(Z)){var t=Z.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;e<n;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function H(){Z.style[a]="0s",Z.style.transform="translate3d(-"+-Z.scrollLeft()+"px,0,0)"}function q(t){var e=t.changedTouches[0];St=parseInt(e.clientX),Nt=parseInt(e.clientY)}function G(t){var e=t.changedTouches[0];Wt=parseInt(e.clientX)-St,Dt=parseInt(e.clientY)-Nt;var r=n(Math.atan2(Dt,Wt)),s=i(r,15);if("horizontal"===s&&wt===!1&&(It=!0),It){a&&(Z.style[a]="0s");var l=pt?-(et+B-X)*U:-(et-X)*U,d=pt?B*U:0;!pt&&at&&(l=-(et*U-Z.parentNode.offsetWidth)),Pt=-xt*U+Wt,Pt=Math.max(l,Math.min(Pt,d)),o?Z.style[o]="translate3d("+Pt+"px, 0, 0)":Z.style.left=Pt+"px",t.preventDefault()}}function z(t){var e=t.changedTouches[0];if(Wt=parseInt(e.clientX)-St,It&&0!==Wt){t.preventDefault(),It=!1,Pt=-xt*U+Wt;var n,i=pt?-B:0,r=pt?et+B-X:et-X;n=-(Pt/U),n=Wt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),xt=n,L(1)}}function R(){clearTimeout(Q),Q=setTimeout(function(){X=Gt(),U=Rt(),J=jt(),E()},100)}function j(){Mt||window.requestAnimationFrame(function(){Et&&O(),Mt=!1}),Mt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,gutterPosition:"right",fixedWidth:!1,maxContainerWidth:!1,slideByPage:!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},t||{}),"object"!=typeof t.container||null===t.container)return{init:function(){},destory:function(){}};var F,U,B,X,K,Y,V,$,J,Q,Z=t.container,_=document.createElement("div"),tt=Z.children,et=tt.length,nt=tt.length,it=t.gutter,rt="right"===t.gutterPosition?"marginRight":"marginLeft",at=t.fixedWidth,ot=t.controls,st=t.controlsText,lt=!!t.controlsContainer&&t.controlsContainer,dt=t.nav,ut=!!t.navContainer&&t.navContainer,ct=t.arrowKeys,vt=a?t.speed:0,ft=t.autoplay,ht=t.autoplayTimeout,mt="forward"===t.autoplayDirection?1:-1,bt=t.autoplayText,pt=!(at&&!t.maxContainerWidth)&&t.loop,yt=t.autoHeight,gt=t.slideByPage,Et=t.lazyload,At=t.touch,Lt=-1,xt=0,wt=!1,Mt=!1;if(ft)var Ct,Tt,kt=!1;if(At)var St=0,Nt=0,Pt=0,Wt=0,Dt=0,It=!1;var Ot=!at&&t.responsive,Ht="object"==typeof Ot&&Object.keys(Ot),qt=r(Ot),Gt=function(){return at?function(){return Math.max(Math.min(et,Math.floor(Z.parentNode.offsetWidth/at)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ht.length&&void 0!==qt&&Ht.length===qt.length)if(n<Ht[0])e=t.items;else if(n>=Ht[Ht.length-1])e=qt[qt.length-1];else for(var i=0;i<Ht.length-1;i++)n>=Ht[i]&&n<=Ht[i+1]&&(e=qt[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),zt=function(){var e;return e=at?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/at):void 0!==qt.length?Math.max.apply(Math,qt):t.items,e?Math.min(et,e):e},Rt=function(){return at?function(){return at+it}:function(){return(gn.getWidth(Z.parentNode)+it)/X}}(),jt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/X)}}(),Ft=function(){return pt?function(){return xt+B}:function(){return xt}}();return X=Gt(),B=zt(),U=Rt(),J=jt(),{init:function(){Z.classList.add("tiny-content"),0===Z.id.length?Z.id=F=e():F=Z.id,_.className="tiny-slider",gn.wrap(Z,_),navigator.msMaxTouchPoints&&(_.classList.add("ms-touch"),_.addEventListener("scroll",H,!1));for(var n=0;n<et;n++)tt[n].id=F+"item"+n;if(pt){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),a=B;a--;){var o=tt[a].cloneNode(!0),s=tt[et-1-a].cloneNode(!0);o.id="",s.id="",i.insertBefore(o,i.firstChild),r.appendChild(s)}Z.appendChild(i),Z.insertBefore(r,Z.firstChild),nt=Z.children.length,tt=Z.children}if(dt){if(!t.navContainer){for(var l="",d=0;d<et;d++)l+='<button data-slide="'+d+'" tabindex="-1" aria-selected="false" aria-controls="'+F+"item"+d+'" type="button"></button>';ft&&(l+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+bt[0]+"</button>"),l='<div class="tiny-nav" aria-label="Carousel Pagination">'+l+"</div>",gn.append(_,l),ut=_.querySelector(".tiny-nav")}if(V=ut.querySelectorAll("[data-slide]"),$=V.length,!ut.hasAttribute("aria-label")){ut.setAttribute("aria-label","Carousel Pagination");for(var u=0;u<$;u++){var c=V[u];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",F+"item"+u)}}}if(ot&&(t.controlsContainer||(gn.append(_,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+F+'" type="button">'+st[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+F+'" type="button">'+st[1]+"</button></div>"),lt=_.querySelector(".tiny-controls")),K=lt.querySelector('[data-controls="prev"]'),Y=lt.querySelector('[data-controls="next"]'),lt.hasAttribute("tabindex")||(lt.setAttribute("aria-label","Carousel Navigation"),K.setAttribute("aria-controls",F),Y.setAttribute("aria-controls",F),K.setAttribute("tabindex","-1"),Y.setAttribute("tabindex","0"))),ft&&(ut||(gn.append(_,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+bt[0]+"</button></div>"),ut=_.querySelector(".tiny-nav")),Tt=ut.querySelector("[data-action]")),E(),At&&(Z.addEventListener("touchstart",q,!1),Z.addEventListener("touchmove",G,!1),Z.addEventListener("touchend",z,!1),Z.addEventListener("touchcancel",z,!1)),ot&&(b(),K.addEventListener("click",w,!1),Y.addEventListener("click",M,!1),K.addEventListener("keydown",D,!1),Y.addEventListener("keydown",D,!1)),dt)for(var v=V.length;v--;)V[v].addEventListener("click",C,!1),V[v].addEventListener("keydown",I,!1);if(ft&&(T(),Tt.addEventListener("click",S,!1),ot&&(K.addEventListener("click",N,!1),Y.addEventListener("click",N,!1)),dt))for(var f=0;f<$;f++)V[f].addEventListener("click",N,!1);ct&&document.addEventListener("keydown",P,!1),window.addEventListener("resize",R,!1),window.addEventListener("scroll",j,!1)},destory:function(){if(Z.classList.remove("tiny-content"),Z.style.width="",Z.style[a]="",Z.style.transform="",Z.style.marginLeft="",Z.style.left="",gn.unwrap(_),pt)for(var e=B;e--;)tt[0].remove(),tt[tt.length-1].remove();if(void 0!==F){F=null,Z.removeAttribute("id");for(var n=et;n--;)tt[n].removeAttribute("id"),tt[n].removeAttribute("aria-hidden"),tt[n].style.width=""}if(At&&(Z.removeEventListener("touchstart",q,!1),Z.removeEventListener("touchmove",G,!1),Z.removeEventListener("touchend",z,!1),Z.removeEventListener("touchcancel",z,!1)),ot&&(t.controlsContainer?(lt.removeAttribute("aria-label"),K.removeAttribute("aria-controls"),K.removeAttribute("tabindex"),K.removeEventListener("click",w,!1),K.removeEventListener("keydown",D,!1),Y.removeAttribute("aria-controls"),Y.removeAttribute("tabindex"),Y.removeEventListener("click",M,!1),Y.removeEventListener("keydown",D,!1)):(lt.remove(),lt=null,K=null,Y=null)),dt){if(t.navContainer){ut.removeAttribute("aria-label");for(var i=V.length;i--;)V[i].removeAttribute("aria-selected"),V[i].removeAttribute("aria-controls"),V[i].removeEventListener("click",C,!1),V[i].removeEventListener("keydown",I,!1)}else ut.remove(),ut=null;V=null,$=null}if(ft)if(t.navContainer||null===ut){if(Tt.removeEventListener("click",S,!1),Tt=null,ot&&t.controlsContainer&&(K.removeEventListener("click",N,!1),Y.removeEventListener("click",N,!1)),dt&&t.navContainer)for(var r=0;r<$;r++)V[r].removeEventListener("click",N,!1)}else ut.remove(),ut=null;ct&&document.removeEventListener("keydown",ct,!1),window.removeEventListener("resize",R,!1),window.removeEventListener("scroll",j,!1)}}}function e(){return void 0===window.tinySliderNumber?window.tinySliderNumber=1:window.tinySliderNumber++,"tinySlider"+window.tinySliderNumber}function n(t){return t*(180/Math.PI)}function i(t,e){return Math.abs(90-Math.abs(t))>=90-e?"horizontal":Math.abs(90-Math.abs(t))<=e&&"vertical"}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;i<r;i++){var a=n[i];e.push(t[a])}return e}return!1}var a=gn.getSupportedProp(["transitionDuration","WebkitTransitionDuration","MozTransitionDuration","OTransitionDuration"]),o=gn.getSupportedProp(["transform","WebkitTransform","MozTransform","OTransform"]),s={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 1f0879ca..ec4fb8dd 100644
--- a/dist/tiny-slider.ie8.js
+++ b/dist/tiny-slider.ie8.js
@@ -141,4 +141,44 @@ if (!Object.keys) {
       }
     });
   }
+})();
+// getComputedStyle
+
+(function(){
+  "use strict";
+  
+  if(!window.getComputedStyle){
+    window.getComputedStyle = function(el){
+      if(!el) { return null; }
+      
+      /**
+       * currentStyle returns an instance of a non-standard class called "CSSCurrentStyleDeclaration"
+       * instead of "CSSStyleDeclaration", which has a few methods and properties missing (such as cssText).
+       * https://msdn.microsoft.com/en-us/library/cc848941(v=vs.85).aspx
+       *
+       * Instead of returning the currentStyle value directly, we'll copy its properties to the style
+       * of a shadow element. This ensures cssText is included, and ensures the result is an instance of
+       * the correct DOM interface.
+       *
+       * There'll still be some minor discrepancies in the style values. For example, IE preserves the way
+       * colour values were authored, whereas standards-compliant browsers will expand colours to use "rgb()"
+       * notation. We won't bother to fix things like these, as they'd involve too much fiddling for little
+       * gain.
+       */
+      
+      var style   = el.currentStyle;
+      var box     = el.getBoundingClientRect();
+      var shadow  = document.createElement("div");
+      var output  = shadow.style;
+      for(var i in style) {
+        output[i] = style[i];
+      }
+      
+      /** Fix some glitches */
+      output.cssFloat = output.styleFloat;
+      if("auto" === output.width) { output.width  = (box.right - box.left) + "px"; }
+      if("auto" === output.height) { output.height = (box.bottom - box.top) + "px"; }
+      return output;
+    };
+  } 
 })();
\ No newline at end of file
diff --git a/dist/tiny-slider.js b/dist/tiny-slider.js
index a0f1433d..5c4c350a 100644
--- a/dist/tiny-slider.js
+++ b/dist/tiny-slider.js
@@ -352,6 +352,45 @@
 	}
 }());
 
+(function(t,e,o){"use strict";function r(t,e,r,p){r=r||"width";var n,l,m,c=(e.match(s)||[])[2],f="px"===c?1:d[c+"toPx"],u=/r?em/i;if(f||u.test(c)&&!p)t=f?t:"rem"===c?i:"fontSize"===r?t.parentNode||t:t,f=f||parseFloat(a(t,"fontSize")),m=parseFloat(e)*f;else{n=t.style,l=n[r];try{n[r]=e}catch(x){return 0}m=n[r]?parseFloat(a(t,r)):0,n[r]=l!==o?l:null}return m}function a(t,e){var o,n,i,l,d,c=/^top|bottom/,f=["paddingTop","paddingBottom","borderTop","borderBottom"],u=4;if(o=m?m(t)[e]:(n=t.style["pixel"+e.charAt(0).toUpperCase()+e.slice(1)])?n+"px":"fontSize"===e?r(t,"1em","left",1)+"px":t.currentStyle[e],i=(o.match(s)||[])[2],"%"===i&&p)if(c.test(e)){for(l=(d=t.parentNode||t).offsetHeight;u--;)l-=parseFloat(a(d,f[u]));o=parseFloat(o)/100*l+"px"}else o=r(t,o);else("auto"===o||i&&"px"!==i)&&m?o=0:i&&"px"!==i&&!m&&(o=r(t,o)+"px");return o}var p,n=e.createElement("test"),i=e.documentElement,l=e.defaultView,m=l&&l.getComputedStyle,s=/^(-?[\d+\.\-]+)([a-z]+|%)$/i,d={},c=[1/25.4,1/2.54,1/72,1/6],f=["mm","cm","pt","pc","in","mozmm"],u=6;for(i.appendChild(n),m&&(n.style.marginTop="1%",p="1%"===m(n).marginTop);u--;)d[f[u]+"toPx"]=c[u]?c[u]*d.inToPx:r(n,"1"+f[u]);i.removeChild(n),n=o,t.Length={toPx:r}})(this,this.document);
+/*
+//@ sourceMappingURL=Length.min.js.map
+*/
+// Adapted from https://gist.github.com/paulirish/1579671 which derived from 
+// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+
+// requestAnimationFrame polyfill by Erik Möller.
+// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon
+
+// MIT license
+
+if (!Date.now)
+    Date.now = function() { return new Date().getTime(); };
+
+(function() {
+    'use strict';
+    
+    var vendors = ['webkit', 'moz'];
+    for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
+        var vp = vendors[i];
+        window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
+        window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
+                                   || window[vp+'CancelRequestAnimationFrame']);
+    }
+    if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
+        || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
+        var lastTime = 0;
+        window.requestAnimationFrame = function(callback) {
+            var now = Date.now();
+            var nextTime = Math.max(lastTime + 16, now);
+            return setTimeout(function() { callback(lastTime = nextTime); },
+                              nextTime - now);
+        };
+        window.cancelAnimationFrame = clearTimeout;
+    }
+}());
+
 // ChildNode.remove
 (function () {
   "use strict";
@@ -533,44 +572,34 @@ gn.unwrap = function (els) {
     parent.removeChild(el);
   }
 };
-// Adapted from https://gist.github.com/paulirish/1579671 which derived from 
-// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
-// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+// getWidth
+// @require "/src/gn/base.js"
+// @require "/bower_components/Units/Length.js"
+// 1. outer size: content + padding + border + margin //
 
-// requestAnimationFrame polyfill by Erik Möller.
-// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon
+// 2. offset size: content + padding + border //
+//    el.offsetWidth  
+//    el.offsetHeight
 
-// MIT license
+// 3. client size: content + padding
+//    el.clientWidth  
+//    el.clientHeight
 
-if (!Date.now)
-    Date.now = function() { return new Date().getTime(); };
+// 4. size: content
 
-(function() {
-    'use strict';
-    
-    var vendors = ['webkit', 'moz'];
-    for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
-        var vp = vendors[i];
-        window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
-        window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
-                                   || window[vp+'CancelRequestAnimationFrame']);
-    }
-    if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
-        || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
-        var lastTime = 0;
-        window.requestAnimationFrame = function(callback) {
-            var now = Date.now();
-            var nextTime = Math.max(lastTime + 16, now);
-            return setTimeout(function() { callback(lastTime = nextTime); },
-                              nextTime - now);
-        };
-        window.cancelAnimationFrame = clearTimeout;
-    }
-}());
+gn.getWidth = function (el) {
+  var pattern = /\d/, // check if value contains digital number
+      width = el.clientWidth,
+      style = el.currentStyle || getComputedStyle(el),
+      paddingLeft = (pattern.exec(style.paddingLeft) === null) ? '0px' : style.paddingLeft,
+      paddingRight = (pattern.exec(style.paddingRight) === null) ? '0px' : style.paddingRight;
 
+  width -= (parseInt(Length.toPx(el, paddingLeft)) + parseInt(Length.toPx(el, paddingRight)));
+  return width;
+};
 /**
   * tiny-slider
-  * @version 0.4.1
+  * @version 0.4.2
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -756,7 +785,7 @@ var tinySlider = (function () {
       if (fixedWidth) {
         return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
+        return function () { return (gn.getWidth(sliderContainer.parentNode) + gutter) / items; };
       }
     })();
 
diff --git a/dist/tiny-slider.native.js b/dist/tiny-slider.native.js
index 43ecd5e2..8f3e5429 100644
--- a/dist/tiny-slider.native.js
+++ b/dist/tiny-slider.native.js
@@ -1,6 +1,6 @@
 /**
   * tiny-slider
-  * @version 0.4.1
+  * @version 0.4.2
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -186,7 +186,7 @@ var tinySlider = (function () {
       if (fixedWidth) {
         return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
+        return function () { return (gn.getWidth(sliderContainer.parentNode) + gutter) / items; };
       }
     })();
 
diff --git a/gulpfile.js b/gulpfile.js
index 16b00c36..eca5b387 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -20,6 +20,8 @@ var config = {
   js: {
     src: [[
         "bower_components/domtokenlist/src/token-list.js",
+        "bower_components/Units/Length.min.js",
+        "bower_components/requestAnimationFrame/requestAnimationFrame.js",
 
         "bower_components/go-native/src/utilities/childNode.remove.js",
         "bower_components/go-native/src/gn/base.js",
@@ -28,13 +30,12 @@ var config = {
         "bower_components/go-native/src/gn/indexOf.js",
         "bower_components/go-native/src/gn/getSupportedProp.js",
         "bower_components/go-native/src/gn/DOM.ready.js",
-
         "bower_components/go-native/src/gn/isNodeList.js",
         "bower_components/go-native/src/gn/append.js",
         "bower_components/go-native/src/gn/wrap.js",
         "bower_components/go-native/src/gn/unwrap.js",
+        "bower_components/go-native/src/gn/getWidth.js",
 
-        "bower_components/requestAnimationFrame/requestAnimationFrame.js",
         "src/tiny-slider.native.js",
       ], [
         "src/tiny-slider.native.js",
@@ -45,6 +46,7 @@ var config = {
         "bower_components/go-native/src/ie8/lastElementChild.js",
         "bower_components/go-native/src/ie8/previousElementSibling.js",
         "bower_components/go-native/src/ie8/nextElementSibling.js",
+        "bower_components/go-native/src/ie8/getComputedStyle.js",
       ]],
     name: ['tiny-slider.js', 'tiny-slider.native.js', 'tiny-slider.ie8.js'],
     options: {
diff --git a/package.json b/package.json
index e480e8be..397d1955 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tiny-slider",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "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 43ecd5e2..8f3e5429 100644
--- a/src/tiny-slider.native.js
+++ b/src/tiny-slider.native.js
@@ -1,6 +1,6 @@
 /**
   * tiny-slider
-  * @version 0.4.1
+  * @version 0.4.2
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -186,7 +186,7 @@ var tinySlider = (function () {
       if (fixedWidth) {
         return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
+        return function () { return (gn.getWidth(sliderContainer.parentNode) + gutter) / items; };
       }
     })();
 
diff --git a/tests/index.html b/tests/index.html
index 20b58363..e599cdae 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -19,6 +19,7 @@
   <link href="prism/prism.css" rel="stylesheet">
   <link rel="stylesheet" href="../dist/tiny-slider.css">
   <style>
+    /*.wrapper { padding: 5em; }*/
     li { list-style: none; }
     ul, ol, li { margin: 0; padding: 0; }
     body { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
@@ -195,38 +196,40 @@
   <h1>Tiny-slider Demos</h1>
   <section>
     <h2>responsive</h2>
-    <div class="responsive" id="myslider">
-      <div>
-        <div class="img img-1">1</div>
-        <p>Lorem ipsum dolor sit amet</p>
-      </div>
-      <div>
-        <div class="img img-2">2</div>
-        <p>Blanditiis sapiente tempora </p>
-      </div>
-      <div>
-        <div class="img img-3">3</div>
-        <p>At possimus dolorum eligendi repellat</p>
-      </div>
-      <div>
-        <div class="img img-4">4</div>
-        <p>Cumque facilis amet eos nulla</p>
-      </div>
-      <div>
-        <div class="img img-5">5</div>
-        <p>Sint ad, praesentium est delectus</p>
-      </div>
-      <div>
-        <div class="img img-6">6</div>
-        <p>Neque accusamus inventore rerum</p>
-      </div>
-      <div>
-        <div class="img img-7">7</div>
-        <p>Quis deserunt quo sequi qui fugiat nobis </p>
-      </div>
-      <div>
-        <div class="img img-8">8</div>
-        <p>Laborum officiis, magnam, eos possimus </p>
+    <div class="wrapper">
+      <div class="responsive" id="myslider">
+        <div>
+          <div class="img img-1">1</div>
+          <p>Lorem ipsum dolor sit amet</p>
+        </div>
+        <div>
+          <div class="img img-2">2</div>
+          <p>Blanditiis sapiente tempora </p>
+        </div>
+        <div>
+          <div class="img img-3">3</div>
+          <p>At possimus dolorum eligendi repellat</p>
+        </div>
+        <div>
+          <div class="img img-4">4</div>
+          <p>Cumque facilis amet eos nulla</p>
+        </div>
+        <div>
+          <div class="img img-5">5</div>
+          <p>Sint ad, praesentium est delectus</p>
+        </div>
+        <div>
+          <div class="img img-6">6</div>
+          <p>Neque accusamus inventore rerum</p>
+        </div>
+        <div>
+          <div class="img img-7">7</div>
+          <p>Quis deserunt quo sequi qui fugiat nobis </p>
+        </div>
+        <div>
+          <div class="img img-8">8</div>
+          <p>Laborum officiis, magnam, eos possimus </p>
+        </div>
       </div>
     </div>
     <pre><code class="language-javascript">