diff --git a/.env b/.env
new file mode 100644
index 00000000..f80f5cf8
--- /dev/null
+++ b/.env
@@ -0,0 +1,2 @@
+#.env
+COMPOSE_HTTP_TIMEOUT=36000
\ No newline at end of file
diff --git a/README.md b/README.md
index 6eaefc96..7a585eb8 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # tiny-slider
-![version](https://img.shields.io/badge/Version-0.3.5-green.svg)   
+![version](https://img.shields.io/badge/Version-0.4.0-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/)   
@@ -32,7 +32,7 @@ Include tiny-slider
 ```html
 <link rel="stylesheet" href="tiny-slider.css">
 
-<!--[if (lt IE 9)]><script src="tiny-slider.helper.ie8.js"></script><![endif]-->
+<!--[if (lt IE 9)]><script src="tiny-slider.ie8.js"></script><![endif]-->
 <script src="tiny-slider.js"></script>
 ```
 Or tiny-slider.native + [go-native](https://github.com/ganlanyuan/go-native),
@@ -89,6 +89,7 @@ Default:
 {
   container: document.querySelector('.slider'),
   items: 1,
+  gutter: 0,
   fixedWidth: false,
   maxContainerWidth: false,
   slideByPage: false,
@@ -111,14 +112,11 @@ Default:
 }
 ```
 
-#### * Padding
-There is no option for `padding`, but you can add it by css 
-```css
-.tiny-slider { margin-right: -10px; }
-.your-slider > div { padding-right: 10px; }
-``` 
+#### Padding
+<del>There is no option for `padding`, but you can add it by css </del>
+Now you can set the gutter using `gutter` option.
 
-#### * Non-javascirpt fallback
+#### Fallback
 ```css
 .no-js .your-slider { 
   overflow-x: auto; 
diff --git a/bower.json b/bower.json
index 44e9e721..8f6f26db 100644
--- a/bower.json
+++ b/bower.json
@@ -1,15 +1,13 @@
 {
   "name": "tiny-slider",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "homepage": "https://github.com/ganlanyuan/tiny-slider",
   "authors": [
     "WilliamLin <ganlanyuan@gmail.com>"
   ],
   "description": "Tiny slider for all purposes.",
   "main": [
-    "src/tiny-slider.scss",
-    "dist/tiny-slider.helper.ie8.js",
-    "dist/tiny-slider.native.js",
+    "dist/tiny-slider.css",
     "dist/tiny-slider.js"
   ],
   "moduleType": [],
@@ -26,7 +24,7 @@
     "tests"
   ],
   "devDependencies": {
-    "go-native": "0.0.3"
+    "go-native": "0.0.8"
   },
   "dependencies": {}
 }
diff --git a/changelog.md b/changelog.md
index 518a14dc..2aa47a33 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,4 +1,4 @@
-#Changelog
+# Changelog
 
 <!-- #### v1.0.0 beta
 - Totally rewrite with a simple function, co-work with [go-native](https://github.com/ganlanyuan/go-native).
@@ -26,6 +26,11 @@ class `tiny-next` => attribute `[data-controls="next"`.
 - Fixed: an issue that navs are still active when slides cann't fill their parent.
 - Fixed: an issue with `items`, when container width is shorter than one slide in fixedWidth slider.
  -->
+
+#### v0.4.0
+- Added: `gutter` option.
+- Renamed `tiny-slider.helper.ie8.js` to `tiny-slider.ie8.js`.
+
 #### v0.3.5
 - Fix a `package.json` issue.
 
diff --git a/demo/index.html b/demo/index.html
index b65bfc54..93c5701d 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -124,12 +124,13 @@
     button[aria-selected="true"] { background: #999; }
   </style>
   <script src="prism/prism.js"></script>
-  <script src="../dist/tiny-slider.helper.ie8.js"></script>
-  <script src="../dist/tiny-slider.js"></script>
+  <script src="../dist/min/tiny-slider.ie8.js"></script>
+  <script src="../dist/min/tiny-slider.js"></script>
   <script type="text/javascript">
     gn.ready(function () {
       tinySlider({
         container: document.querySelector('.responsive'),
+        gutter: 10,
         responsive: {
           500: 2,
           800: 3,
@@ -138,6 +139,7 @@
 
       tinySlider({
         container: document.querySelector('.fixed-width'),
+        gutter: 10,
         fixedWidth: 200,
         maxContainerWidth: 900,
         loop: false
@@ -146,6 +148,7 @@
       tinySlider({
         container: document.querySelector('.customize'),
         items: 3,
+        gutter: 10,
         controlsContainer: document.querySelector('.slider-controls'),
         navContainer: document.querySelector('.thumbnails'),
         lazyload: true
@@ -154,12 +157,14 @@
       tinySlider({
         container: document.querySelector('.non-loop'),
         items: 3,
+        gutter: 10,
         loop: false
       }).init();
 
       tinySlider({
         container: document.querySelector('.slide-by-page'),
         items: 3,
+        gutter: 10,
         slideByPage: true
       }).init();
 
@@ -167,6 +172,7 @@
         container: document.querySelector('.autoplay'),
         items: 3,
         autoplay: true,
+        gutter: 10,
         speed: 300,
         autoplayTimeout: 3000,
         autoplayText: ['▶', '❚❚']
@@ -175,12 +181,14 @@
       tinySlider({
         container: document.querySelector('.arrow-keys'),
         items: 3,
+        gutter: 10,
         arrowKeys: true
       }).init();
 
       tinySlider({
         container: document.querySelector('.auto-height'),
         autoHeight: true,
+        gutter: 10,
         items: 1
       }).init();
   });
@@ -525,7 +533,7 @@ <h2>arrow keys</h2>
     <h2>auto height</h2>
     <div class="auto-height">
       <div>
-        <img src="" alt="">
+        <img src="http://lorempixel.com/900/400/city?2" alt="">
         <p>Lorem ipsum dolor sit amet</p>
       </div>
       <div>
diff --git a/dist/min/tiny-slider.helper.ie8.min.js b/dist/min/tiny-slider.ie8.js
similarity index 84%
rename from dist/min/tiny-slider.helper.ie8.min.js
rename to dist/min/tiny-slider.ie8.js
index fe115918..6405aeba 100644
--- a/dist/min/tiny-slider.helper.ie8.min.js
+++ b/dist/min/tiny-slider.ie8.js
@@ -1 +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=this.children,t,n=0,r=e.length;r>n;++n)if(t=e[n],1===t.nodeType)return t;return null}})}(),function(){"use strict";"lastElementChild"in document.documentElement||Object.defineProperty(Element.prototype,"lastElementChild",{get:function(){for(var e=this.children,t,n=e.length-1;n>=0;--n)if(t=e[n],1===t.nodeType)return t;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}})}();
\ No newline at end of file
+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}})}();
+//# sourceMappingURL=../sourcemaps/tiny-slider.ie8.js.map
diff --git a/dist/min/tiny-slider.js b/dist/min/tiny-slider.js
new file mode 100644
index 00000000..c4e20f91
--- /dev/null
+++ b/dist/min/tiny-slider.js
@@ -0,0 +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",pt&&(Q.style.marginLeft=-(U*B)+"px");for(var t=nt;t--;)tt[t].style.width=B-it+"px",tt[t].style.marginRight=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=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():d(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]=ct/1e3+"s"),Q.style.height=t+"px",Lt=!0,setTimeout(function(){o&&(Q.style[o]="0s"),Lt=!1},ct)}function v(t){o&&(Q.style[o]=ct*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(){pt||(et>_?(0===Et?(X.disabled=!0,D(X,K)):X.disabled=!1,Et===et-_?(K.disabled=!0,D(K,X)):K.disabled=!1):(0!==Et&&(Et=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(ut&&!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(ut){var e;if(wt===-1){var n=Et<0?Et+et:Et>=et?Et-et:Et;if(e=t.navContainer?n:Math.floor(n/_),!pt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/_);r||Et!==et-_||(e+=1)}}else e=wt,wt=-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;kt=-B*Et,rt&&!pt&&(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 A(){u(),m(),y(),b(),g(),h(),p(),bt&&c(),yt&&F()}function w(){if(pt){var t=gt?Et<_-U:Et<=-U,e=gt?Et>et+U-2*_-1:Et>=et+U-_;rt&&U&&!gt&&(e=Et>=et+U-_-1),t&&(Et+=et),e&&(Et-=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(),bt&&c(),Lt=!1,Q.setAttribute("aria-busy","false")},ct*t)}function L(t){if(!Lt){t=gt?t*_:t;var e=Math.abs(t);Et=pt?Et+t:Math.max(0,Math.min(Et+t,et-_)),E(e)}}function x(){L(-1)}function C(){L(1)}function M(e){if(!Lt){for(var n,i=e.target||e.srcElement;gn.indexOf(V,i)===-1;)i=i.parentNode;wt=n=Number(i.getAttribute("data-slide"));var r,o;r=t.navContainer?n:n*_,r=pt?r:Math.min(r,et-_),o=Math.abs(r-Et),Et=r,E(o)}}function T(){Ct=setInterval(function(){L(mt)},vt),Mt.setAttribute("data-action","stop"),Mt.innerHTML="<span hidden>Stop Animation</span>"+ht[1],Tt=!0}function N(){clearInterval(Ct),Mt.setAttribute("data-action","start"),Mt.innerHTML="<span hidden>Stop Animation</span>"+ht[0],Tt=!1}function S(){Tt?N():T()}function k(){Tt&&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];Nt=parseInt(e.clientX),St=parseInt(e.clientY)}function H(t){var e=t.changedTouches[0];Pt=parseInt(e.clientX)-Nt,Dt=parseInt(e.clientY)-St;var r=n(Math.atan2(Dt,Pt)),l=i(r,15);if("horizontal"===l&&Lt===!1&&(Wt=!0),Wt){o&&(Q.style[o]="0s");var u=pt?-(et+U-_)*B:-(et-_)*B,s=pt?U*B:0;!pt&&rt&&(u=-(et*B-Q.parentNode.offsetWidth)),kt=-Et*B+Pt,kt=Math.max(u,Math.min(kt,s)),a?Q.style[a]="translate3d("+kt+"px, 0, 0)":Q.style.left=kt+"px",t.preventDefault()}}function j(t){var e=t.changedTouches[0];if(Pt=parseInt(e.clientX)-Nt,Wt&&0!==Pt){t.preventDefault(),Wt=!1,kt=-Et*B+Pt;var n,i=pt?-U:0,r=pt?et+U-_:et-_;n=-(kt/B),n=Pt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),Et=n,E(1)}}function R(){clearTimeout(J),J=setTimeout(function(){_=It(),B=jt(),$=Rt(),A()},100)}function G(){xt||window.requestAnimationFrame(function(){yt&&F(),xt=!1}),xt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,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=t.fixedWidth,ot=t.controls,at=t.controlsText,lt=!!t.controlsContainer&&t.controlsContainer,ut=t.nav,st=!!t.navContainer&&t.navContainer,dt=t.arrowKeys,ct=o?t.speed:0,ft=t.autoplay,vt=t.autoplayTimeout,mt="forward"===t.autoplayDirection?1:-1,ht=t.autoplayText,pt=!(rt&&!t.maxContainerWidth)&&t.loop,bt=t.autoHeight,gt=t.slideByPage,yt=t.lazyload,At=t.touch,wt=-1,Et=0,Lt=!1,xt=!1;if(ft)var Ct,Mt,Tt=!1;if(At)var Nt=0,St=0,kt=0,Pt=0,Dt=0,Wt=!1;var Ot=!rt&&t.responsive,Ft="object"==typeof Ot&&Object.keys(Ot),qt=r(Ot),It=function(){return rt?function(){return Math.max(Math.min(et,Math.floor(Q.parentNode.offsetWidth/rt)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ft.length&&void 0!==qt&&Ft.length===qt.length)if(n<Ft[0])e=t.items;else if(n>=Ft[Ft.length-1])e=qt[qt.length-1];else for(var i=0;i<Ft.length-1;i++)n>=Ft[i]&&n<=Ft[i+1]&&(e=qt[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),Ht=function(){var e;return e=rt?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/rt):void 0!==qt.length?Math.max.apply(Math,qt):t.items,e?Math.min(et,e):e},jt=function(){return rt?function(){return rt+it}:function(){return(Q.parentNode.offsetWidth+it)/_}}(),Rt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/_)}}(),Gt=function(){return pt?function(){return Et+U}:function(){return Et}}();return _=It(),U=Ht(),B=jt(),$=Rt(),{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(pt){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(ut){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>';ft&&(u+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+ht[0]+"</button>"),u='<div class="tiny-nav" aria-label="Carousel Pagination">'+u+"</div>",gn.append(Z,u),st=Z.querySelector(".tiny-nav")}if(V=st.querySelectorAll("[data-slide]"),Y=V.length,!st.hasAttribute("aria-label")){st.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(ot&&(t.controlsContainer||(gn.append(Z,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+z+'" type="button">'+at[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+z+'" type="button">'+at[1]+"</button></div>"),lt=Z.querySelector(".tiny-controls")),X=lt.querySelector('[data-controls="prev"]'),K=lt.querySelector('[data-controls="next"]'),lt.hasAttribute("tabindex")||(lt.setAttribute("aria-label","Carousel Navigation"),X.setAttribute("aria-controls",z),K.setAttribute("aria-controls",z),X.setAttribute("tabindex","-1"),K.setAttribute("tabindex","0"))),ft&&(st||(gn.append(Z,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+ht[0]+"</button></div>"),st=Z.querySelector(".tiny-nav")),Mt=st.querySelector("[data-action]")),A(),At&&(Q.addEventListener("touchstart",I,!1),Q.addEventListener("touchmove",H,!1),Q.addEventListener("touchend",j,!1),Q.addEventListener("touchcancel",j,!1)),ot&&(p(),X.addEventListener("click",x,!1),K.addEventListener("click",C,!1),X.addEventListener("keydown",W,!1),K.addEventListener("keydown",W,!1)),ut)for(var f=V.length;f--;)V[f].addEventListener("click",M,!1),V[f].addEventListener("keydown",O,!1);if(ft&&(T(),Mt.addEventListener("click",S,!1),ot&&(X.addEventListener("click",k,!1),K.addEventListener("click",k,!1)),ut))for(var v=0;v<Y;v++)V[v].addEventListener("click",k,!1);dt&&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),pt)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(At&&(Q.removeEventListener("touchstart",I,!1),Q.removeEventListener("touchmove",H,!1),Q.removeEventListener("touchend",j,!1),Q.removeEventListener("touchcancel",j,!1)),ot&&(t.controlsContainer?(lt.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)):(lt.remove(),lt=null,X=null,K=null)),ut){if(t.navContainer){st.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 st.remove(),st=null;V=null,Y=null}if(ft)if(t.navContainer||null===st){if(Mt.removeEventListener("click",S,!1),Mt=null,ot&&t.controlsContainer&&(X.removeEventListener("click",k,!1),K.removeEventListener("click",k,!1)),ut&&t.navContainer)for(var r=0;r<Y;r++)V[r].removeEventListener("click",k,!1)}else st.remove(),st=null;dt&&document.removeEventListener("keydown",dt,!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}();
+//# sourceMappingURL=../sourcemaps/tiny-slider.js.map
diff --git a/dist/min/tiny-slider.min.js b/dist/min/tiny-slider.min.js
deleted file mode 100644
index 249c5da1..00000000
--- a/dist/min/tiny-slider.min.js
+++ /dev/null
@@ -1,8 +0,0 @@
-!function(){"use strict";var t,e=window,n=document,i=Object,r=null,o=!0,a=!1,l=" ",d="Element",u="create"+d,s="DOMTokenList",c="__defineGetter__",f="defineProperty",v="class",m="List",h=v+m,p="rel",b=p+m,g="div",y="length",w="contains",A="apply",E="HTML",L=("item "+w+" add remove toggle toString toLocaleString").split(l),x=L[2],C=L[3],M=L[4],T="prototype",N=f in i||c in i[T]||r,S=function(t,e,n,r){i[f]?i[f](t,e,{configurable:a===N?o:!!r,get:n}):t[c](e,n)},k=function(e,n){var r=this,d=[],u={},s=0,c=0,v=function(){if(s>=c)for(;s>c;++c)(function(t){S(r,t,function(){return m(),d[t]},a)})(c)},m=function(){var t,i,r=arguments,a=/\s+/;if(r[y])for(i=0;i<r[y];++i)if(a.test(r[i]))throw t=new SyntaxError('String "'+r[i]+'" '+w+" an invalid character"),t.code=5,t.name="InvalidCharacterError",t;for(d=(""+e[n]).replace(/^\s+|\s+$/g,"").split(a),""===d[0]&&(d=[]),u={},i=0;i<d[y];++i)u[d[i]]=o;s=d[y],v()};return m(),S(r,y,function(){return m(),s}),r[L[6]]=r[L[5]]=function(){return m(),d.join(l)},r.item=function(t){return m(),d[t]},r[w]=function(t){return m(),!!u[t]},r[x]=function(){m[A](r,t=arguments);for(var t,i,a=0,c=t[y];c>a;++a)i=t[a],u[i]||(d.push(i),u[i]=o);s!==d[y]&&(s=d[y]>>>0,e[n]=d.join(l),v())},r[C]=function(){m[A](r,t=arguments);for(var t,i={},a=0,c=[];a<t[y];++a)i[t[a]]=o,delete u[t[a]];for(a=0;a<d[y];++a)i[d[a]]||c.push(d[a]);d=c,s=c[y]>>>0,e[n]=d.join(l),v()},r[M]=function(e,n){return m[A](r,[e]),t!==n?n?(r[x](e),o):(r[C](e),a):u[e]?(r[C](e),a):(r[x](e),o)},function(t,e){if(e)for(var n=0;7>n;++n)e(t,L[n],{enumerable:a})}(r,i[f]),r},P=function(t,e,i){S(t[T],e,function(){var t,r=this,l=c+f+e;if(r[l])return t;if(r[l]=o,a===N){for(var d,s=P.mirror=P.mirror||n[u](g),v=s.childNodes,m=v[y],h=0;m>h;++h)if(v[h]._R===r){d=v[h];break}d||(d=s.appendChild(n[u](g))),t=k.call(d,r,i)}else t=new k(r,i);return S(r,e,function(){return t}),delete r[l],t},o)},D,W,O;if(e[s])D=n[u](g)[h],T=e[s][T],D[x][A](D,L),2>D[y]&&(W=T[x],O=T[C],T[x]=function(){for(var t=0,e=arguments;t<e[y];++t)W.call(this,e[t])},T[C]=function(){for(var t=0,e=arguments;t<e[y];++t)O.call(this,e[t])}),D[M](m,a)&&(T[M]=function(e,n){var i=this;return i[(n=t===n?!i[w](e):n)?x:C](e),!!n});else{if(N)try{S({},"support")}catch(F){N=a}k.polyfill=o,e[s]=k,P(e[d],h,v+"Name"),P(e[E+"Link"+d],b,p),P(e[E+"Anchor"+d],b,p),P(e[E+"Area"+d],b,p)}}(),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;o>r;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<=(window.innerHeight||document.documentElement.clientHeight)&&e.left<=(window.innerWidth||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){return"function"==typeof t?"complete"===document.readyState?t():void document.addEventListener("DOMContentLoaded",t,!1):void 0},gn.isNodeList=function(t){return"undefined"!=typeof t.item},gn.append=function(t,e){var n=gn.isNodeList(t)?t:[t],i;if("undefined"!=typeof e.nodeType&&1===e.nodeType)for(i=n.length;i--;)n[i].appendChild(e);else if("string"==typeof e)for(i=n.length;i--;)n[i].insertAdjacentHTML("beforeend",e);else if(gn.isNodeList(e)){var r=document.createDocumentFragment();for(i=e.length;i--;)r.insertBefore(e[i],r.firstChild);for(var o=n.length;o--;)n[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}}();/**
-  * tiny-slider
-  * @version 0.3.5
-  * @author William Lin
-  * @license The MIT License (MIT)
-  * @github https://github.com/ganlanyuan/tiny-slider/
-  */
-var tinySlider=function(){"use strict";function t(t){function d(){z.style.width=ft*X+"px",at&&(z.style.marginLeft=-(vt*ft)+"px");for(var t=X;t--;)U[t].style.width=ft+"px"}function u(t){return"boolean"==typeof t.complete?t.complete:"number"==typeof t.naturalWidth?0!==t.naturalWidth:void 0}function s(t){for(var e=t.length;e--;)u(t[e])&&t.splice(e,1);0===t.length?f():setTimeout(function(){s(t)},16)}function c(){for(var t=Rt(),e=[],n=X;n--;)if(n>=t&&t+mt>n)for(var i=U[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?f():s(e)}function f(){for(var t=Rt(),e=[],n,i=X;i--;)i>=t&&t+mt>i&&e.push(U[i].offsetHeight);n=Math.max.apply(null,e),o&&(z.style[o]=et/1e3+"s"),z.style.height=n+"px",Et=!0,setTimeout(function(){o&&(z.style[o]="0s"),Et=!1},et)}function v(t){o&&(z.style[o]=et*t/1e3+"s",Et=!0)}function m(){navigator.msMaxTouchPoints&&(z.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+ft+")")}function h(){for(var t=X;t--;){var e=Rt(),n=U[t];t>=e&&e+mt>t?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(){at||(_>mt?(0===At?(ht.disabled=!0,D(ht,pt)):ht.disabled=!1,At===_-mt?(pt.disabled=!0,D(pt,ht)):pt.disabled=!1):(0!==At&&(At=0,y()),ht.disabled=!0,pt.disabled=!0,ht.setAttribute("tabindex","-1"),pt.setAttribute("tabindex","-1"),ht===document.activeElement&&ht.blur(),pt===document.activeElement&&pt.blur()))}function b(){if(Q&&!t.navContainer)for(var e=gt;e--;){var n=bt[e];yt>e?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function g(){if(Q){var e;if(-1===wt){var n=0>At?At+_:At>=_?At-_:At;if(e=t.navContainer?n:Math.floor(n/mt),!at&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(_/mt);r||At!==_-mt||(e+=1)}}else e=wt,wt=-1;for(var o=yt;o--;){var a=bt[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=z.parentNode.offsetWidth;kt=-ft*At,K&&!at&&(kt=Math.max(kt,-Math.abs(_*ft-t))),a?z.style[a]="translate3d("+kt+"px, 0, 0)":z.style.left=kt+"px"}function w(){d(),m(),y(),b(),g(),h(),p(),lt&&c(),ut&&F()}function A(){if(at){var t=dt?mt-vt>At:-vt>=At,e=dt?At>_+vt-2*mt-1:At>=_+vt-mt;K&&vt&&!dt&&(e=At>=_+vt-mt-1),t&&(At+=_),e&&(At-=_),o&&(z.style[o]="0s"),y()}}function E(t){z.setAttribute("aria-busy","true"),v(t),y(),setTimeout(function(){A(),h(),p(),g(),F(),lt&&c(),Et=!1,z.setAttribute("aria-busy","false")},et*t)}function L(t){if(!Et){t=dt?t*mt:t;var e=Math.abs(t);At=at?At+t:Math.max(0,Math.min(At+t,_-mt)),E(e)}}function x(){L(-1)}function C(){L(1)}function M(e){if(!Et){for(var n=e.target||e.srcElement,i;-1===gn.indexOf(bt,n);)n=n.parentNode;wt=i=Number(n.getAttribute("data-slide"));var r,o;r=t.navContainer?i:i*mt,r=at?r:Math.min(r,_-mt),o=Math.abs(r-At),At=r,E(o)}}function T(){Ct=setInterval(function(){L(rt)},it),Mt.setAttribute("data-action","stop"),Mt.innerHTML="<span hidden>Stop Animation</span>"+ot[1],Tt=!0}function N(){clearInterval(Ct),Mt.setAttribute("data-action","start"),Mt.innerHTML="<span hidden>Stop Animation</span>"+ot[0],Tt=!1}function S(){Tt?N():T()}function k(){Tt&&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!==ht&&ht.disabled!==!0&&D(n,ht),e!==l.RIGHT&&e!==l.DOWN&&e!==l.END&&e!==l.PAGEDOWN||n!==pt&&pt.disabled!==!0&&D(n,pt),e!==l.ENTER&&e!==l.SPACE||(n===pt?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,bt[0]),e!==l.RIGHT&&e!==l.PAGEDOWN||n.getAttribute("data-slide")<yt-1&&D(n,n.nextElementSibling),e!==l.DOWN&&e!==l.END||n.getAttribute("data-slide")<yt-1&&D(n,bt[yt-1]),e!==l.ENTER&&e!==l.SPACE||M(t)}function F(){if(gn.isInViewport(z)){var t=z.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;n>e;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function q(){z.style[o]="0s",z.style.transform="translate3d(-"+-z.scrollLeft()+"px,0,0)"}function H(t){var e=t.changedTouches[0];Nt=parseInt(e.clientX),St=parseInt(e.clientY)}function I(t){var e=t.changedTouches[0];Pt=parseInt(e.clientX)-Nt,Dt=parseInt(e.clientY)-St;var r=n(Math.atan2(Dt,Pt)),l=i(r,15);if("horizontal"===l&&Et===!1&&(Wt=!0),Wt){o&&(z.style[o]="0s");var d=at?-(_+vt-mt)*ft:-(_-mt)*ft,u=at?vt*ft:0;!at&&K&&(d=-(_*ft-z.parentNode.offsetWidth)),kt=-At*ft+Pt,kt=Math.max(d,Math.min(kt,u)),a?z.style[a]="translate3d("+kt+"px, 0, 0)":z.style.left=kt+"px",t.preventDefault()}}function j(t){var e=t.changedTouches[0];if(Pt=parseInt(e.clientX)-Nt,Wt&&0!==Pt){t.preventDefault(),Wt=!1,kt=-At*ft+Pt;var n,i=at?-vt:0,r=at?_+vt-mt:_-mt;n=-(kt/ft),n=0>Pt?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),At=n,E(1)}}function G(){clearTimeout(Lt),Lt=setTimeout(function(){mt=Ht(),ft=jt(),yt=Gt(),w()},100)}function R(){xt||window.requestAnimationFrame(function(){ut&&F(),xt=!1}),xt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,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=t.container,B=document.createElement("div"),U=z.children,_=U.length,X=U.length,K=t.fixedWidth,V=t.controls,Y=t.controlsText,J=t.controlsContainer?t.controlsContainer:!1,Q=t.nav,Z=t.navContainer?t.navContainer:!1,tt=t.arrowKeys,et=o?t.speed:0,nt=t.autoplay,it=t.autoplayTimeout,rt="forward"===t.autoplayDirection?1:-1,ot=t.autoplayText,at=K&&!t.maxContainerWidth?!1:t.loop,lt=t.autoHeight,dt=t.slideByPage,ut=t.lazyload,st=t.touch,ct,ft,vt,mt,ht,pt,bt,gt,yt,wt=-1,At=0,Et=!1,Lt,xt=!1;if(nt)var Ct,Mt,Tt=!1;if(st)var Nt=0,St=0,kt=0,Pt=0,Dt=0,Wt=!1;var Ot=K?!1:t.responsive,Ft="object"!=typeof Ot?!1:Object.keys(Ot),qt=r(Ot),Ht=function(){return K?function(){return Math.max(Math.min(_,Math.floor(z.parentNode.offsetWidth/K)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ft.length&&void 0!==qt&&Ft.length===qt.length)if(n<Ft[0])e=t.items;else if(n>=Ft[Ft.length-1])e=qt[qt.length-1];else for(var i=0;i<Ft.length-1;i++)n>=Ft[i]&&n<=Ft[i+1]&&(e=qt[i]);else e=t.items;return Math.max(Math.min(_,e),1)}}(),It=function(){var e;return e=K?t.maxContainerWidth?Math.ceil(t.maxContainerWidth/K):!1:void 0!==qt.length?Math.max.apply(Math,qt):t.items,e?Math.min(_,e):e},jt=function(){return K?function(){return K}:function(){return z.parentNode.offsetWidth/mt}}(),Gt=function(){return t.navContainer?function(){return _}:function(){return Math.ceil(_/mt)}}(),Rt=function(){return at?function(){return At+vt}:function(){return At}}();return mt=Ht(),vt=It(),ft=jt(),yt=Gt(),{init:function(){z.classList.add("tiny-content"),0===z.id.length?z.id=ct=e():ct=z.id,B.className="tiny-slider",gn.wrap(z,B),navigator.msMaxTouchPoints&&(B.classList.add("ms-touch"),B.addEventListener("scroll",q,!1));for(var n=0;_>n;n++)U[n].id=ct+"item"+n;if(at){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),o=vt;o--;){var a=U[o].cloneNode(!0),l=U[_-1-o].cloneNode(!0);a.id="",l.id="",i.insertBefore(a,i.firstChild),r.appendChild(l)}z.appendChild(i),z.insertBefore(r,z.firstChild),X=z.children.length,U=z.children}if(Q){if(!t.navContainer){for(var d="",u=0;_>u;u++)d+='<button data-slide="'+u+'" tabindex="-1" aria-selected="false" aria-controls="'+ct+"item"+u+'" type="button"></button>';nt&&(d+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+ot[0]+"</button>"),d='<div class="tiny-nav" aria-label="Carousel Pagination">'+d+"</div>",gn.append(B,d),Z=B.querySelector(".tiny-nav")}if(bt=Z.querySelectorAll("[data-slide]"),gt=bt.length,!Z.hasAttribute("aria-label")){Z.setAttribute("aria-label","Carousel Pagination");for(var s=0;gt>s;s++){var c=bt[s];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",ct+"item"+s)}}}if(V&&(t.controlsContainer||(gn.append(B,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+ct+'" type="button">'+Y[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+ct+'" type="button">'+Y[1]+"</button></div>"),J=B.querySelector(".tiny-controls")),ht=J.querySelector('[data-controls="prev"]'),pt=J.querySelector('[data-controls="next"]'),J.hasAttribute("tabindex")||(J.setAttribute("aria-label","Carousel Navigation"),ht.setAttribute("aria-controls",ct),pt.setAttribute("aria-controls",ct),ht.setAttribute("tabindex","-1"),pt.setAttribute("tabindex","0"))),nt&&(Z||(gn.append(B,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+ot[0]+"</button></div>"),Z=B.querySelector(".tiny-nav")),Mt=Z.querySelector("[data-action]")),w(),st&&(z.addEventListener("touchstart",H,!1),z.addEventListener("touchmove",I,!1),z.addEventListener("touchend",j,!1),z.addEventListener("touchcancel",j,!1)),V&&(p(),ht.addEventListener("click",x,!1),pt.addEventListener("click",C,!1),ht.addEventListener("keydown",W,!1),pt.addEventListener("keydown",W,!1)),Q)for(var f=bt.length;f--;)bt[f].addEventListener("click",M,!1),bt[f].addEventListener("keydown",O,!1);if(nt&&(T(),Mt.addEventListener("click",S,!1),V&&(ht.addEventListener("click",k,!1),pt.addEventListener("click",k,!1)),Q))for(var v=0;gt>v;v++)bt[v].addEventListener("click",k,!1);tt&&document.addEventListener("keydown",P,!1),window.addEventListener("resize",G,!1),window.addEventListener("scroll",R,!1)},destory:function(){if(z.classList.remove("tiny-content"),z.style.width="",z.style[o]="",z.style.transform="",z.style.marginLeft="",z.style.left="",gn.unwrap(B),at)for(var e=vt;e--;)U[0].remove(),U[U.length-1].remove();if(void 0!==ct){ct=null,z.removeAttribute("id");for(var n=_;n--;)U[n].removeAttribute("id"),U[n].removeAttribute("aria-hidden"),U[n].style.width=""}if(st&&(z.removeEventListener("touchstart",H,!1),z.removeEventListener("touchmove",I,!1),z.removeEventListener("touchend",j,!1),z.removeEventListener("touchcancel",j,!1)),V&&(t.controlsContainer?(J.removeAttribute("aria-label"),ht.removeAttribute("aria-controls"),ht.removeAttribute("tabindex"),ht.removeEventListener("click",x,!1),ht.removeEventListener("keydown",W,!1),pt.removeAttribute("aria-controls"),pt.removeAttribute("tabindex"),pt.removeEventListener("click",C,!1),pt.removeEventListener("keydown",W,!1)):(J.remove(),J=null,ht=null,pt=null)),Q){if(t.navContainer){Z.removeAttribute("aria-label");for(var i=bt.length;i--;)bt[i].removeAttribute("aria-selected"),bt[i].removeAttribute("aria-controls"),bt[i].removeEventListener("click",M,!1),bt[i].removeEventListener("keydown",O,!1)}else Z.remove(),Z=null;bt=null,gt=null}if(nt)if(t.navContainer||null===Z){if(Mt.removeEventListener("click",S,!1),Mt=null,V&&t.controlsContainer&&(ht.removeEventListener("click",k,!1),pt.removeEventListener("click",k,!1)),Q&&t.navContainer)for(var r=0;gt>r;r++)bt[r].removeEventListener("click",k,!1)}else Z.remove(),Z=null;tt&&document.removeEventListener("keydown",tt,!1),window.removeEventListener("resize",G,!1),window.removeEventListener("scroll",R,!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":!1}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;r>i;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}();
\ No newline at end of file
diff --git a/dist/min/tiny-slider.native.js b/dist/min/tiny-slider.native.js
new file mode 100644
index 00000000..e6bce99a
--- /dev/null
+++ b/dist/min/tiny-slider.native.js
@@ -0,0 +1,2 @@
+var tinySlider=function(){"use strict";function t(t){function l(){Z.style.width=U*nt+"px",bt&&(Z.style.marginLeft=-(B*U)+"px");for(var t=nt;t--;)tt[t].style.width=U-it+"px",tt[t].style.marginRight=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=jt(),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=jt(),n=[],i=nt;i--;)i>=e&&i<e+X&&n.push(tt[i].offsetHeight);t=Math.max.apply(null,n),a&&(Z.style[a]=ct/1e3+"s"),Z.style.height=t+"px",Lt=!0,setTimeout(function(){a&&(Z.style[a]="0s"),Lt=!1},ct)}function f(t){a&&(Z.style[a]=ct*t/1e3+"s",Lt=!0)}function h(){navigator.msMaxTouchPoints&&(Z.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+U+")")}function m(){for(var t=nt;t--;){var e=jt(),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(){bt||(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(lt&&!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(lt){var e;if(At===-1){var n=xt<0?xt+et:xt>=et?xt-et:xt;if(e=t.navContainer?n:Math.floor(n/X),!bt&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(et/X);r||xt!==et-X||(e+=1)}}else e=At,At=-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;Nt=-U*xt,rt&&!bt&&(Nt=Math.max(Nt,-Math.abs(et*U-it-t))),o?Z.style[o]="translate3d("+Nt+"px, 0, 0)":Z.style.left=Nt+"px"}function E(){l(),h(),g(),p(),y(),m(),b(),pt&&c(),gt&&O()}function A(){if(bt){var t=yt?xt<X-B:xt<=-B,e=yt?xt>et+B-2*X-1:xt>=et+B-X;rt&&B&&!yt&&(e=xt>=et+B-X-1),t&&(xt+=et),e&&(xt-=et),a&&(Z.style[a]="0s"),g()}}function x(t){Z.setAttribute("aria-busy","true"),f(t),g(),setTimeout(function(){A(),m(),b(),y(),O(),pt&&c(),Lt=!1,Z.setAttribute("aria-busy","false")},ct*t)}function L(t){if(!Lt){t=yt?t*X:t;var e=Math.abs(t);xt=bt?xt+t:Math.max(0,Math.min(xt+t,et-X)),x(e)}}function w(){L(-1)}function M(){L(1)}function C(e){if(!Lt){for(var n,i=e.target||e.srcElement;gn.indexOf(V,i)===-1;)i=i.parentNode;At=n=Number(i.getAttribute("data-slide"));var r,a;r=t.navContainer?n:n*X,r=bt?r:Math.min(r,et-X),a=Math.abs(r-xt),xt=r,x(a)}}function T(){Mt=setInterval(function(){L(ht)},ft),Ct.setAttribute("data-action","stop"),Ct.innerHTML="<span hidden>Stop Animation</span>"+mt[1],Tt=!0}function k(){clearInterval(Mt),Ct.setAttribute("data-action","start"),Ct.innerHTML="<span hidden>Stop Animation</span>"+mt[0],Tt=!1}function S(){Tt?k():T()}function N(){Tt&&k()}function P(t){t=t||window.event,t.keyCode===s.LEFT?L(-1):t.keyCode===s.RIGHT&&L(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];kt=parseInt(e.clientX),St=parseInt(e.clientY)}function G(t){var e=t.changedTouches[0];Pt=parseInt(e.clientX)-kt,Wt=parseInt(e.clientY)-St;var r=n(Math.atan2(Wt,Pt)),s=i(r,15);if("horizontal"===s&&Lt===!1&&(Dt=!0),Dt){a&&(Z.style[a]="0s");var l=bt?-(et+B-X)*U:-(et-X)*U,d=bt?B*U:0;!bt&&rt&&(l=-(et*U-Z.parentNode.offsetWidth)),Nt=-xt*U+Pt,Nt=Math.max(l,Math.min(Nt,d)),o?Z.style[o]="translate3d("+Nt+"px, 0, 0)":Z.style.left=Nt+"px",t.preventDefault()}}function z(t){var e=t.changedTouches[0];if(Pt=parseInt(e.clientX)-kt,Dt&&0!==Pt){t.preventDefault(),Dt=!1,Nt=-xt*U+Pt;var n,i=bt?-B:0,r=bt?et+B-X:et-X;n=-(Nt/U),n=Pt<0?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),xt=n,x(1)}}function R(){clearTimeout(Q),Q=setTimeout(function(){X=qt(),U=zt(),J=Rt(),E()},100)}function j(){wt||window.requestAnimationFrame(function(){gt&&O(),wt=!1}),wt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,gutter:0,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=t.fixedWidth,at=t.controls,ot=t.controlsText,st=!!t.controlsContainer&&t.controlsContainer,lt=t.nav,dt=!!t.navContainer&&t.navContainer,ut=t.arrowKeys,ct=a?t.speed:0,vt=t.autoplay,ft=t.autoplayTimeout,ht="forward"===t.autoplayDirection?1:-1,mt=t.autoplayText,bt=!(rt&&!t.maxContainerWidth)&&t.loop,pt=t.autoHeight,yt=t.slideByPage,gt=t.lazyload,Et=t.touch,At=-1,xt=0,Lt=!1,wt=!1;if(vt)var Mt,Ct,Tt=!1;if(Et)var kt=0,St=0,Nt=0,Pt=0,Wt=0,Dt=!1;var It=!rt&&t.responsive,Ot="object"==typeof It&&Object.keys(It),Ht=r(It),qt=function(){return rt?function(){return Math.max(Math.min(et,Math.floor(Z.parentNode.offsetWidth/rt)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ot.length&&void 0!==Ht&&Ot.length===Ht.length)if(n<Ot[0])e=t.items;else if(n>=Ot[Ot.length-1])e=Ht[Ht.length-1];else for(var i=0;i<Ot.length-1;i++)n>=Ot[i]&&n<=Ot[i+1]&&(e=Ht[i]);else e=t.items;return Math.max(Math.min(et,e),1)}}(),Gt=function(){var e;return e=rt?!!t.maxContainerWidth&&Math.ceil(t.maxContainerWidth/rt):void 0!==Ht.length?Math.max.apply(Math,Ht):t.items,e?Math.min(et,e):e},zt=function(){return rt?function(){return rt+it}:function(){return(Z.parentNode.offsetWidth+it)/X}}(),Rt=function(){return t.navContainer?function(){return et}:function(){return Math.ceil(et/X)}}(),jt=function(){return bt?function(){return xt+B}:function(){return xt}}();return X=qt(),B=Gt(),U=zt(),J=Rt(),{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(bt){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(lt){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>';vt&&(l+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+mt[0]+"</button>"),l='<div class="tiny-nav" aria-label="Carousel Pagination">'+l+"</div>",gn.append(_,l),dt=_.querySelector(".tiny-nav")}if(V=dt.querySelectorAll("[data-slide]"),$=V.length,!dt.hasAttribute("aria-label")){dt.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(at&&(t.controlsContainer||(gn.append(_,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+F+'" type="button">'+ot[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+F+'" type="button">'+ot[1]+"</button></div>"),st=_.querySelector(".tiny-controls")),K=st.querySelector('[data-controls="prev"]'),Y=st.querySelector('[data-controls="next"]'),st.hasAttribute("tabindex")||(st.setAttribute("aria-label","Carousel Navigation"),K.setAttribute("aria-controls",F),Y.setAttribute("aria-controls",F),K.setAttribute("tabindex","-1"),Y.setAttribute("tabindex","0"))),vt&&(dt||(gn.append(_,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+mt[0]+"</button></div>"),dt=_.querySelector(".tiny-nav")),Ct=dt.querySelector("[data-action]")),E(),Et&&(Z.addEventListener("touchstart",q,!1),Z.addEventListener("touchmove",G,!1),Z.addEventListener("touchend",z,!1),Z.addEventListener("touchcancel",z,!1)),at&&(b(),K.addEventListener("click",w,!1),Y.addEventListener("click",M,!1),K.addEventListener("keydown",D,!1),Y.addEventListener("keydown",D,!1)),lt)for(var v=V.length;v--;)V[v].addEventListener("click",C,!1),V[v].addEventListener("keydown",I,!1);if(vt&&(T(),Ct.addEventListener("click",S,!1),at&&(K.addEventListener("click",N,!1),Y.addEventListener("click",N,!1)),lt))for(var f=0;f<$;f++)V[f].addEventListener("click",N,!1);ut&&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(_),bt)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(Et&&(Z.removeEventListener("touchstart",q,!1),Z.removeEventListener("touchmove",G,!1),Z.removeEventListener("touchend",z,!1),Z.removeEventListener("touchcancel",z,!1)),at&&(t.controlsContainer?(st.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)):(st.remove(),st=null,K=null,Y=null)),lt){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",C,!1),V[i].removeEventListener("keydown",I,!1)}else dt.remove(),dt=null;V=null,$=null}if(vt)if(t.navContainer||null===dt){if(Ct.removeEventListener("click",S,!1),Ct=null,at&&t.controlsContainer&&(K.removeEventListener("click",N,!1),Y.removeEventListener("click",N,!1)),lt&&t.navContainer)for(var r=0;r<$;r++)V[r].removeEventListener("click",N,!1)}else dt.remove(),dt=null;ut&&document.removeEventListener("keydown",ut,!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/min/tiny-slider.native.min.js b/dist/min/tiny-slider.native.min.js
deleted file mode 100644
index 7c0a99f3..00000000
--- a/dist/min/tiny-slider.native.min.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
-  * tiny-slider
-  * @version 0.3.5
-  * @author William Lin
-  * @license The MIT License (MIT)
-  * @github https://github.com/ganlanyuan/tiny-slider/
-  */
-var tinySlider=function(){"use strict";function t(t){function l(){R.style.width=vt*K+"px",ot&&(R.style.marginLeft=-(ft*vt)+"px");for(var t=K;t--;)B[t].style.width=vt+"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=K;n--;)if(n>=t&&t+ht>n)for(var i=B[n].querySelectorAll("img"),r=i.length;r--;)e.push(i[r]);0===e.length?v():u(e)}function v(){for(var t=Ft(),e=[],n,i=K;i--;)i>=t&&t+ht>i&&e.push(B[i].offsetHeight);n=Math.max.apply(null,e),a&&(R.style[a]=et/1e3+"s"),R.style.height=n+"px",Lt=!0,setTimeout(function(){a&&(R.style[a]="0s"),Lt=!1},et)}function f(t){a&&(R.style[a]=et*t/1e3+"s",Lt=!0)}function h(){navigator.msMaxTouchPoints&&(R.parentNode.style.msScrollSnapPointsX="snapInterval(0%, "+vt+")")}function m(){for(var t=K;t--;){var e=Ft(),n=B[t];t>=e&&e+ht>t?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(){ot||(X>ht?(0===At?(mt.disabled=!0,W(mt,bt)):mt.disabled=!1,At===X-ht?(bt.disabled=!0,W(bt,mt)):bt.disabled=!1):(0!==At&&(At=0,E()),mt.disabled=!0,bt.disabled=!0,mt.setAttribute("tabindex","-1"),bt.setAttribute("tabindex","-1"),mt===document.activeElement&&mt.blur(),bt===document.activeElement&&bt.blur()))}function p(){if(Z&&!t.navContainer)for(var e=yt;e--;){var n=pt[e];Et>e?n.hasAttribute("hidden")&&n.removeAttribute("hidden"):n.hasAttribute("hidden")||n.setAttribute("hidden","")}}function y(){if(Z){var e;if(-1===gt){var n=0>At?At+X:At>=X?At-X:At;if(e=t.navContainer?n:Math.floor(n/ht),!ot&&!t.navContainer){var i=/^-?[0-9]+$/,r=i.test(X/ht);r||At!==X-ht||(e+=1)}}else e=gt,gt=-1;for(var a=Et;a--;){var o=pt[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 E(){var t=R.parentNode.offsetWidth;Nt=-vt*At,Y&&!ot&&(Nt=Math.max(Nt,-Math.abs(X*vt-t))),o?R.style[o]="translate3d("+Nt+"px, 0, 0)":R.style.left=Nt+"px"}function g(){l(),h(),E(),p(),y(),m(),b(),st&&c(),dt&&O()}function A(){if(ot){var t=lt?ht-ft>At:-ft>=At,e=lt?At>X+ft-2*ht-1:At>=X+ft-ht;Y&&ft&&!lt&&(e=At>=X+ft-ht-1),t&&(At+=X),e&&(At-=X),a&&(R.style[a]="0s"),E()}}function L(t){R.setAttribute("aria-busy","true"),f(t),E(),setTimeout(function(){A(),m(),b(),y(),O(),st&&c(),Lt=!1,R.setAttribute("aria-busy","false")},et*t)}function x(t){if(!Lt){t=lt?t*ht:t;var e=Math.abs(t);At=ot?At+t:Math.max(0,Math.min(At+t,X-ht)),L(e)}}function w(){x(-1)}function M(){x(1)}function C(e){if(!Lt){for(var n=e.target||e.srcElement,i;-1===gn.indexOf(pt,n);)n=n.parentNode;gt=i=Number(n.getAttribute("data-slide"));var r,a;r=t.navContainer?i:i*ht,r=ot?r:Math.min(r,X-ht),a=Math.abs(r-At),At=r,L(a)}}function T(){Mt=setInterval(function(){x(rt)},it),Ct.setAttribute("data-action","stop"),Ct.innerHTML="<span hidden>Stop Animation</span>"+at[1],Tt=!0}function k(){clearInterval(Mt),Ct.setAttribute("data-action","start"),Ct.innerHTML="<span hidden>Stop Animation</span>"+at[0],Tt=!1}function S(){Tt?k():T()}function N(){Tt&&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!==mt&&mt.disabled!==!0&&W(n,mt),e!==s.RIGHT&&e!==s.DOWN&&e!==s.END&&e!==s.PAGEDOWN||n!==bt&&bt.disabled!==!0&&W(n,bt),e!==s.ENTER&&e!==s.SPACE||(n===bt?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,pt[0]),e!==s.RIGHT&&e!==s.PAGEDOWN||n.getAttribute("data-slide")<Et-1&&W(n,n.nextElementSibling),e!==s.DOWN&&e!==s.END||n.getAttribute("data-slide")<Et-1&&W(n,pt[Et-1]),e!==s.ENTER&&e!==s.SPACE||C(t)}function O(){if(gn.isInViewport(R)){var t=R.querySelectorAll('[aria-hidden="false"] .tiny-lazy');if(0!==t.length)for(var e=0,n=t.length;n>e;e++)t[e].classList.contains("loaded")||(t[e].src=t[e].getAttribute("data-src"),t[e].classList.add("loaded"))}}function H(){R.style[a]="0s",R.style.transform="translate3d(-"+-R.scrollLeft()+"px,0,0)"}function q(t){var e=t.changedTouches[0];kt=parseInt(e.clientX),St=parseInt(e.clientY)}function G(t){var e=t.changedTouches[0];Pt=parseInt(e.clientX)-kt,Wt=parseInt(e.clientY)-St;var r=n(Math.atan2(Wt,Pt)),s=i(r,15);if("horizontal"===s&&Lt===!1&&(Dt=!0),Dt){a&&(R.style[a]="0s");var l=ot?-(X+ft-ht)*vt:-(X-ht)*vt,d=ot?ft*vt:0;!ot&&Y&&(l=-(X*vt-R.parentNode.offsetWidth)),Nt=-At*vt+Pt,Nt=Math.max(l,Math.min(Nt,d)),o?R.style[o]="translate3d("+Nt+"px, 0, 0)":R.style.left=Nt+"px",t.preventDefault()}}function z(t){var e=t.changedTouches[0];if(Pt=parseInt(e.clientX)-kt,Dt&&0!==Pt){t.preventDefault(),Dt=!1,Nt=-At*vt+Pt;var n,i=ot?-ft:0,r=ot?X+ft-ht:X-ht;n=-(Nt/vt),n=0>Pt?Math.ceil(n):Math.floor(n),n=Math.max(i,Math.min(n,r)),At=n,L(1)}}function j(){clearTimeout(xt),xt=setTimeout(function(){ht=qt(),vt=zt(),Et=jt(),g()},100)}function F(){wt||window.requestAnimationFrame(function(){dt&&O(),wt=!1}),wt=!0}if(t=gn.extend({container:document.querySelector(".slider"),items:1,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 R=t.container,U=document.createElement("div"),B=R.children,X=B.length,K=B.length,Y=t.fixedWidth,V=t.controls,J=t.controlsText,Q=t.controlsContainer?t.controlsContainer:!1,Z=t.nav,_=t.navContainer?t.navContainer:!1,tt=t.arrowKeys,et=a?t.speed:0,nt=t.autoplay,it=t.autoplayTimeout,rt="forward"===t.autoplayDirection?1:-1,at=t.autoplayText,ot=Y&&!t.maxContainerWidth?!1:t.loop,st=t.autoHeight,lt=t.slideByPage,dt=t.lazyload,ut=t.touch,ct,vt,ft,ht,mt,bt,pt,yt,Et,gt=-1,At=0,Lt=!1,xt,wt=!1;if(nt)var Mt,Ct,Tt=!1;if(ut)var kt=0,St=0,Nt=0,Pt=0,Wt=0,Dt=!1;var It=Y?!1:t.responsive,Ot="object"!=typeof It?!1:Object.keys(It),Ht=r(It),qt=function(){return Y?function(){return Math.max(Math.min(X,Math.floor(R.parentNode.offsetWidth/Y)),1)}:function(){var e,n=document.documentElement.clientWidth;if(void 0!==Ot.length&&void 0!==Ht&&Ot.length===Ht.length)if(n<Ot[0])e=t.items;else if(n>=Ot[Ot.length-1])e=Ht[Ht.length-1];else for(var i=0;i<Ot.length-1;i++)n>=Ot[i]&&n<=Ot[i+1]&&(e=Ht[i]);else e=t.items;return Math.max(Math.min(X,e),1)}}(),Gt=function(){var e;return e=Y?t.maxContainerWidth?Math.ceil(t.maxContainerWidth/Y):!1:void 0!==Ht.length?Math.max.apply(Math,Ht):t.items,e?Math.min(X,e):e},zt=function(){return Y?function(){return Y}:function(){return R.parentNode.offsetWidth/ht}}(),jt=function(){return t.navContainer?function(){return X}:function(){return Math.ceil(X/ht)}}(),Ft=function(){return ot?function(){return At+ft}:function(){return At}}();return ht=qt(),ft=Gt(),vt=zt(),Et=jt(),{init:function(){R.classList.add("tiny-content"),0===R.id.length?R.id=ct=e():ct=R.id,U.className="tiny-slider",gn.wrap(R,U),navigator.msMaxTouchPoints&&(U.classList.add("ms-touch"),U.addEventListener("scroll",H,!1));for(var n=0;X>n;n++)B[n].id=ct+"item"+n;if(ot){for(var i=document.createDocumentFragment(),r=document.createDocumentFragment(),a=ft;a--;){var o=B[a].cloneNode(!0),s=B[X-1-a].cloneNode(!0);o.id="",s.id="",i.insertBefore(o,i.firstChild),r.appendChild(s)}R.appendChild(i),R.insertBefore(r,R.firstChild),K=R.children.length,B=R.children}if(Z){if(!t.navContainer){for(var l="",d=0;X>d;d++)l+='<button data-slide="'+d+'" tabindex="-1" aria-selected="false" aria-controls="'+ct+"item"+d+'" type="button"></button>';nt&&(l+='<button data-action="stop" type="button"><span hidden>Stop Animation</span>'+at[0]+"</button>"),l='<div class="tiny-nav" aria-label="Carousel Pagination">'+l+"</div>",gn.append(U,l),_=U.querySelector(".tiny-nav")}if(pt=_.querySelectorAll("[data-slide]"),yt=pt.length,!_.hasAttribute("aria-label")){_.setAttribute("aria-label","Carousel Pagination");for(var u=0;yt>u;u++){var c=pt[u];c.setAttribute("tabindex","-1"),c.setAttribute("aria-selected","false"),c.setAttribute("aria-controls",ct+"item"+u)}}}if(V&&(t.controlsContainer||(gn.append(U,'<div class="tiny-controls" aria-label="Carousel Navigation"><button data-controls="prev" tabindex="-1" aria-controls="'+ct+'" type="button">'+J[0]+'</button><button data-controls="next" tabindex="0" aria-controls="'+ct+'" type="button">'+J[1]+"</button></div>"),Q=U.querySelector(".tiny-controls")),mt=Q.querySelector('[data-controls="prev"]'),bt=Q.querySelector('[data-controls="next"]'),Q.hasAttribute("tabindex")||(Q.setAttribute("aria-label","Carousel Navigation"),mt.setAttribute("aria-controls",ct),bt.setAttribute("aria-controls",ct),mt.setAttribute("tabindex","-1"),bt.setAttribute("tabindex","0"))),nt&&(_||(gn.append(U,'<div class="tiny-nav" aria-label="Carousel Pagination"><button data-action="stop" type="button"><span hidden>Stop Animation</span>'+at[0]+"</button></div>"),_=U.querySelector(".tiny-nav")),Ct=_.querySelector("[data-action]")),g(),ut&&(R.addEventListener("touchstart",q,!1),R.addEventListener("touchmove",G,!1),R.addEventListener("touchend",z,!1),R.addEventListener("touchcancel",z,!1)),V&&(b(),mt.addEventListener("click",w,!1),bt.addEventListener("click",M,!1),mt.addEventListener("keydown",D,!1),bt.addEventListener("keydown",D,!1)),Z)for(var v=pt.length;v--;)pt[v].addEventListener("click",C,!1),pt[v].addEventListener("keydown",I,!1);if(nt&&(T(),Ct.addEventListener("click",S,!1),V&&(mt.addEventListener("click",N,!1),bt.addEventListener("click",N,!1)),Z))for(var f=0;yt>f;f++)pt[f].addEventListener("click",N,!1);tt&&document.addEventListener("keydown",P,!1),window.addEventListener("resize",j,!1),window.addEventListener("scroll",F,!1)},destory:function(){if(R.classList.remove("tiny-content"),R.style.width="",R.style[a]="",R.style.transform="",R.style.marginLeft="",R.style.left="",gn.unwrap(U),ot)for(var e=ft;e--;)B[0].remove(),B[B.length-1].remove();if(void 0!==ct){ct=null,R.removeAttribute("id");for(var n=X;n--;)B[n].removeAttribute("id"),B[n].removeAttribute("aria-hidden"),B[n].style.width=""}if(ut&&(R.removeEventListener("touchstart",q,!1),R.removeEventListener("touchmove",G,!1),R.removeEventListener("touchend",z,!1),R.removeEventListener("touchcancel",z,!1)),V&&(t.controlsContainer?(Q.removeAttribute("aria-label"),mt.removeAttribute("aria-controls"),mt.removeAttribute("tabindex"),mt.removeEventListener("click",w,!1),mt.removeEventListener("keydown",D,!1),bt.removeAttribute("aria-controls"),bt.removeAttribute("tabindex"),bt.removeEventListener("click",M,!1),bt.removeEventListener("keydown",D,!1)):(Q.remove(),Q=null,mt=null,bt=null)),Z){if(t.navContainer){_.removeAttribute("aria-label");for(var i=pt.length;i--;)pt[i].removeAttribute("aria-selected"),pt[i].removeAttribute("aria-controls"),pt[i].removeEventListener("click",C,!1),pt[i].removeEventListener("keydown",I,!1)}else _.remove(),_=null;pt=null,yt=null}if(nt)if(t.navContainer||null===_){if(Ct.removeEventListener("click",S,!1),Ct=null,V&&t.controlsContainer&&(mt.removeEventListener("click",N,!1),bt.removeEventListener("click",N,!1)),Z&&t.navContainer)for(var r=0;yt>r;r++)pt[r].removeEventListener("click",N,!1)}else _.remove(),_=null;tt&&document.removeEventListener("keydown",tt,!1),window.removeEventListener("resize",j,!1),window.removeEventListener("scroll",F,!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":!1}function r(t){if("object"==typeof t){for(var e=[],n=Object.keys(t),i=0,r=n.length;r>i;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}();
\ No newline at end of file
diff --git a/dist/tiny-slider.css b/dist/tiny-slider.css
index 15c548c9..4b391c1e 100644
--- a/dist/tiny-slider.css
+++ b/dist/tiny-slider.css
@@ -1,2 +1,49 @@
-.tiny-slider{overflow:hidden}.tiny-slider.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)}.tiny-content{position:relative;left:0;-webkit-transition:transform 0s, height 0s;-webkit-transition:height 0s, -webkit-transform 0s;transition:height 0s, -webkit-transform 0s;transition:transform 0s, height 0s;transition:transform 0s, height 0s, -webkit-transform 0s;overflow:hidden}.tiny-content:after{content:'';display:table;clear:both}.tiny-content>div,.tiny-content>li,.tiny-content>span,.tiny-content>a{float:left;box-sizing:border-box;overflow:hidden}.tiny-nav button{vertical-align:middle}.tiny-lazy{-webkit-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tiny-lazy.loaded{opacity:1}[hidden]{display:none !important}[data-controls],[data-action],[data-slide]{cursor:pointer;border-width:0;padding:0}
-/*# sourceMappingURL=tiny-slider.css.map */
\ No newline at end of file
+.tiny-slider {
+  overflow: hidden; }
+  .tiny-slider.ms-touch {
+    overflow-x: scroll;
+    overflow-y: hidden;
+    -ms-overflow-style: none;
+    /* Hides the scrollbar. */
+    -ms-scroll-chaining: none;
+    /* Prevents Metro from swiping to the next tab or app. */
+    -ms-scroll-snap-type: mandatory;
+    /* Forces a snap scroll behavior on your images. */
+    -ms-scroll-snap-points-x: snapInterval(0%, 100%);
+    /* Defines the y and x intervals to snap to when scrolling. */ }
+
+.tiny-content {
+  position: relative;
+  left: 0;
+  -webkit-transition: transform 0s, height 0s;
+  -moz-transition: transform 0s, height 0s;
+  transition: transform 0s, height 0s;
+  overflow: hidden; }
+  .tiny-content:after {
+    content: '';
+    display: table;
+    clear: both; }
+  .tiny-content > div, .tiny-content > li, .tiny-content > span, .tiny-content > a {
+    float: left;
+    box-sizing: border-box;
+    overflow: hidden; }
+
+.tiny-nav button {
+  vertical-align: middle; }
+
+.tiny-lazy {
+  -webkit-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+  opacity: 0.6; }
+  .tiny-lazy.loaded {
+    opacity: 1; }
+
+[hidden] {
+  display: none !important; }
+
+[data-controls], [data-action], [data-slide] {
+  cursor: pointer;
+  border-width: 0;
+  padding: 0; }
+
+/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
diff --git a/dist/tiny-slider.helper.ie8.js b/dist/tiny-slider.helper.ie8.js
deleted file mode 100644
index 25c48950..00000000
--- a/dist/tiny-slider.helper.ie8.js
+++ /dev/null
@@ -1,9 +0,0 @@
-
-// @codekit-prepend "../bower_components/go-native/src/es5/object/keys.js";
-
-// @codekit-prepend "../bower_components/go-native/src/ie8/addEventListener.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/firstElementChild.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/lastElementChild.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/previousElementSibling.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/nextElementSibling.js";
-
diff --git a/dist/tiny-slider.ie8.js b/dist/tiny-slider.ie8.js
new file mode 100644
index 00000000..1f0879ca
--- /dev/null
+++ b/dist/tiny-slider.ie8.js
@@ -0,0 +1,144 @@
+// keys
+if (!Object.keys) {
+    Object.keys = function (object) {
+        var keys = [];
+        for (var name in object) {
+            if (Object.prototype.hasOwnProperty.call(object, name)) {
+                keys.push(name);
+            }
+        }
+        return keys;
+    };
+}
+// addEventListener
+// removeEventListener
+// https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener?redirectlocale=en-US&redirectslug=DOM%2FEventTarget.addEventListener#Compatibility
+
+(function() {
+  if (!Element.prototype.addEventListener) {
+    var eventListeners=[];
+    
+    var addEventListener=function(type,listener /*, useCapture (will be ignored) */) {
+      var self=this;
+      var wrapper=function(e) {
+        e.target=e.srcElement;
+        e.currentTarget=self;
+        if (typeof listener.handleEvent != 'undefined') {
+          listener.handleEvent(e);
+        } else {
+          listener.call(self,e);
+        }
+      };
+      if (type=="DOMContentLoaded") {
+        var wrapper2=function(e) {
+          if (document.readyState=="complete") {
+            wrapper(e);
+          }
+        };
+        document.attachEvent("onreadystatechange",wrapper2);
+        eventListeners.push({object:this,type:type,listener:listener,wrapper:wrapper2});
+        
+        if (document.readyState=="complete") {
+          var e=new Event();
+          e.srcElement=window;
+          wrapper2(e);
+        }
+      } else {
+        this.attachEvent("on"+type,wrapper);
+        eventListeners.push({object:this,type:type,listener:listener,wrapper:wrapper});
+      }
+    };
+    var removeEventListener=function(type,listener /*, useCapture (will be ignored) */) {
+      var counter=0;
+      while (counter<eventListeners.length) {
+        var eventListener=eventListeners[counter];
+        if (eventListener.object==this && eventListener.type==type && eventListener.listener==listener) {
+          if (type=="DOMContentLoaded") {
+            this.detachEvent("onreadystatechange",eventListener.wrapper);
+          } else {
+            this.detachEvent("on"+type,eventListener.wrapper);
+          }
+          eventListeners.splice(counter, 1);
+          break;
+        }
+        ++counter;
+      }
+    };
+    Element.prototype.addEventListener=addEventListener;
+    Element.prototype.removeEventListener=removeEventListener;
+    if (HTMLDocument) {
+      HTMLDocument.prototype.addEventListener=addEventListener;
+      HTMLDocument.prototype.removeEventListener=removeEventListener;
+    }
+    if (Window) {
+      Window.prototype.addEventListener=addEventListener;
+      Window.prototype.removeEventListener=removeEventListener;
+    }
+  }
+})();
+// Element.firstElementChild
+
+(function () {
+  "use strict";
+
+  if (!("firstElementChild" in document.documentElement)) {
+    Object.defineProperty(Element.prototype, "firstElementChild", {
+      get: function(){
+        for(var nodes = this.children, n, i = 0, l = nodes.length; i < l; ++i) {
+          if(n = nodes[i], 1 === n.nodeType) { return n; }
+        }
+        return null;
+      }
+    });
+  }
+})();
+// Element.lastElementChild
+
+(function () {
+  "use strict";
+
+  if (!("lastElementChild" in document.documentElement)) {
+    Object.defineProperty(Element.prototype, "lastElementChild", {
+      get: function(){
+        for(var nodes = this.children, n, i = nodes.length - 1; i >= 0; --i) {
+          if(n = nodes[i], 1 === n.nodeType) { return n; }
+        }
+        return null;
+      }
+    });
+  }
+})();
+// Element.previousElementSibling
+
+(function () {
+  "use strict";
+
+  if (!("previousElementSibling" in document.documentElement)) {
+    Object.defineProperty(Element.prototype, "previousElementSibling", {
+      get: function(){
+        var e = this.previousSibling;
+        while(e && 1 !== e.nodeType) {
+          e = e.previousSibling;
+        }
+        return e;
+      }
+    });
+  }
+})();
+// Element.nextElementSibling
+
+(function () {
+  "use strict";
+
+  if (!("nextElementSibling" in document.documentElement)) {
+    Object.defineProperty(Element.prototype, "nextElementSibling", {
+      get: function(){
+        var e = this.nextSibling;
+        while(e && 1 !== e.nodeType) {
+          e = e.nextSibling;
+        }
+        return e;
+      }
+    });
+  }
+})();
\ No newline at end of file
diff --git a/dist/tiny-slider.js b/dist/tiny-slider.js
index 5edb2bc8..b7c4d80a 100644
--- a/dist/tiny-slider.js
+++ b/dist/tiny-slider.js
@@ -352,7 +352,6 @@
 	}
 }());
 
-
 // ChildNode.remove
 (function () {
   "use strict";
@@ -366,16 +365,14 @@
   }
 })();
 
-
 // *** gn *** //
 var gn = (function (g) {
 
   // return gn
   return g;
 })(window.gn || {});
-
 // extend
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.extend = function () {
   var obj, name, copy,
@@ -398,22 +395,20 @@ gn.extend = function () {
   }
   return target;
 };
-
 // isInViewport
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.isInViewport = function ( elem ) {
   var rect = elem.getBoundingClientRect();
   return (
-    rect.bottom >= 0 &&
-    rect.right >= 0 &&
-    rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.left <= (window.innerWidth || document.documentElement.clientWidth)
+    rect.bottom > 0 &&
+    rect.right > 0 &&
+    rect.top < document.documentElement.clientHeight &&
+    rect.left < document.documentElement.clientWidth
     );
 };
-
 // indexOf
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.indexOf = function (array, item) {
   for (var i = 0; i < array.length; i++) {
@@ -421,9 +416,8 @@ gn.indexOf = function (array, item) {
   }
   return -1;
 };
-
 // get supported property
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.getSupportedProp = function (proparray){
   var root = document.documentElement;
@@ -436,9 +430,8 @@ gn.getSupportedProp = function (proparray){
 
 // var getTD = gn.getSupportedProp(['transitionDuration', 'WebkitTransitionDuration', 'MozTransitionDuration', 'OTransitionDuration']),
 // getTransform = gn.getSupportedProp(['transform', 'WebkitTransform', 'MozTransform', 'OTransform']);
-
 // DOM ready
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.ready = function ( fn ) {
 
@@ -453,18 +446,16 @@ gn.ready = function ( fn ) {
   // Otherwise, wait until document is loaded
   document.addEventListener( 'DOMContentLoaded', fn, false );
 };
-
 // isNodeList
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 
 gn.isNodeList = function (el) {
   // Only NodeList has the "item()" function
   return typeof el.item !== 'undefined'; 
 };
 
-
 // append
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 // @require "/src/gn/isNodeList.js"
 
 gn.append = function(els, data) {
@@ -490,9 +481,8 @@ gn.append = function(els, data) {
 };
 
 
-
 // wrap
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 // @require "/src/gn/isNodeList.js"
 
 gn.wrap = function (els, obj) {
@@ -522,9 +512,8 @@ gn.wrap = function (els, obj) {
 };
 
 
-
 // unwrap
-// @require "/src/gn/gn.js"
+// @require "/src/gn/base.js"
 // @require "/src/gn/isNodeList.js"
 
 gn.unwrap = function (els) {
@@ -544,7 +533,6 @@ 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
@@ -580,29 +568,9 @@ if (!Date.now)
     }
 }());
 
-
-
-// @codekit-prepend "../bower_components/domtokenlist/src/token-list.js";
-
-// @codekit-prepend "../bower_components/go-native/src/utilities/childNode.remove.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/base.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/extend.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/isInViewport.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/indexOf.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/getSupportedProp.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/DOM.ready.js";
-
-// @codekit-prepend "../bower_components/go-native/src/gn/isNodeList.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/append.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/wrap.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/unwrap.js";
-
-// @codekit-prepend "../bower_components/requestAnimationFrame/requestAnimationFrame.js";
-
-
 /**
   * tiny-slider
-  * @version 0.3.5
+  * @version 0.4.0
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -641,6 +609,7 @@ var tinySlider = (function () {
     options = gn.extend({
       container: document.querySelector('.slider'),
       items: 1,
+      gutter: 0,
       fixedWidth: false,
       maxContainerWidth: false,
       slideByPage: false,
@@ -676,6 +645,7 @@ var tinySlider = (function () {
         sliderItems = sliderContainer.children,
         sliderCount = sliderItems.length,
         sliderCountUpdated = sliderItems.length,
+        gutter = options.gutter,
         fixedWidth = options.fixedWidth,
         controls = options.controls,
         controlsText = options.controlsText,
@@ -782,9 +752,9 @@ var tinySlider = (function () {
 
     var getSlideWidth = (function () {
       if (fixedWidth) {
-        return function () { return fixedWidth; };
+        return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return sliderContainer.parentNode.offsetWidth / items; };
+        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
       }
     })();
 
@@ -818,7 +788,8 @@ var tinySlider = (function () {
         sliderContainer.style.marginLeft = - (itemsMax * slideWidth) + 'px';
       }
       for (var b = sliderCountUpdated; b--;) {
-        sliderItems[b].style.width = slideWidth + 'px';
+        sliderItems[b].style.width = slideWidth - gutter + 'px';
+        sliderItems[b].style.marginRight = gutter + 'px';
       }
     }
 
@@ -1028,7 +999,7 @@ var tinySlider = (function () {
 
       translateX = - slideWidth * index;
       if (fixedWidth && !loop) {
-        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - vw) );
+        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - gutter - vw) );
       }
 
       if (TRANSFORM) {
@@ -1672,8 +1643,4 @@ var tinySlider = (function () {
   }
 
   return core;
-})();
-
-// @codekit-prepend "tiny-slider.helper.js";
-// @codekit-prepend "tiny-slider.native.js";
-
+})();
\ No newline at end of file
diff --git a/dist/tiny-slider.native.js b/dist/tiny-slider.native.js
index 0bc606a5..ebf1f3f5 100644
--- a/dist/tiny-slider.native.js
+++ b/dist/tiny-slider.native.js
@@ -1,6 +1,6 @@
 /**
   * tiny-slider
-  * @version 0.3.5
+  * @version 0.4.0
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -39,6 +39,7 @@ var tinySlider = (function () {
     options = gn.extend({
       container: document.querySelector('.slider'),
       items: 1,
+      gutter: 0,
       fixedWidth: false,
       maxContainerWidth: false,
       slideByPage: false,
@@ -74,6 +75,7 @@ var tinySlider = (function () {
         sliderItems = sliderContainer.children,
         sliderCount = sliderItems.length,
         sliderCountUpdated = sliderItems.length,
+        gutter = options.gutter,
         fixedWidth = options.fixedWidth,
         controls = options.controls,
         controlsText = options.controlsText,
@@ -180,9 +182,9 @@ var tinySlider = (function () {
 
     var getSlideWidth = (function () {
       if (fixedWidth) {
-        return function () { return fixedWidth; };
+        return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return sliderContainer.parentNode.offsetWidth / items; };
+        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
       }
     })();
 
@@ -216,7 +218,8 @@ var tinySlider = (function () {
         sliderContainer.style.marginLeft = - (itemsMax * slideWidth) + 'px';
       }
       for (var b = sliderCountUpdated; b--;) {
-        sliderItems[b].style.width = slideWidth + 'px';
+        sliderItems[b].style.width = slideWidth - gutter + 'px';
+        sliderItems[b].style.marginRight = gutter + 'px';
       }
     }
 
@@ -426,7 +429,7 @@ var tinySlider = (function () {
 
       translateX = - slideWidth * index;
       if (fixedWidth && !loop) {
-        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - vw) );
+        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - gutter - vw) );
       }
 
       if (TRANSFORM) {
@@ -1070,5 +1073,4 @@ var tinySlider = (function () {
   }
 
   return core;
-})();
-
+})();
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000..6dfdf96a
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,16 @@
+version: '2'
+
+services:
+  web:
+    image: cmcdev/web
+    ports:
+      - 3000:3000
+      # - 3001:3001
+    volumes:
+      - .:/www/web/
+    working_dir: /www/web
+    # container_name: web
+    # command: sh
+    entrypoint: sh /www/docker-start.sh
+    stdin_open: true
+    tty: true
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 00000000..869cb6dc
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,153 @@
+var config = {
+  sassLang: 'libsass',
+  sourcemaps: 'sourcemaps',
+  sass: 'src/*.scss',
+  dest: 'dist',
+  browserSync: {
+    server: {
+      baseDir: './'
+    },
+    port: '3000',
+    open: true,
+    notify: false
+  },
+
+  watch: {
+    js: 'src/**/*.js',
+    html: '**/*.html'
+  },
+
+  js: {
+    src: [[
+        "bower_components/domtokenlist/src/token-list.js",
+
+        "bower_components/go-native/src/utilities/childNode.remove.js",
+        "bower_components/go-native/src/gn/base.js",
+        "bower_components/go-native/src/gn/extend.js",
+        "bower_components/go-native/src/gn/isInViewport.js",
+        "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/requestAnimationFrame/requestAnimationFrame.js",
+        "src/tiny-slider.native.js",
+      ], [
+        "src/tiny-slider.native.js",
+      ], [
+        "bower_components/go-native/src/es5/object/keys.js",
+        "bower_components/go-native/src/ie8/addEventListener.js",
+        "bower_components/go-native/src/ie8/firstElementChild.js",
+        "bower_components/go-native/src/ie8/lastElementChild.js",
+        "bower_components/go-native/src/ie8/previousElementSibling.js",
+        "bower_components/go-native/src/ie8/nextElementSibling.js",
+      ]],
+    name: ['tiny-slider.js', 'tiny-slider.native.js', 'tiny-slider.ie8.js'],
+    options:[{}, {
+        mangle: false,
+        output: {
+          quote_keys: true,
+        },
+        compress: {
+          properties: false,
+        }
+      }
+    ],
+  },
+};
+
+var gulp = require('gulp');
+var php = require('gulp-connect-php');
+var libsass = require('gulp-sass');
+var rubysass = require('gulp-ruby-sass');
+var sourcemaps = require('gulp-sourcemaps');
+var modernizr = require('gulp-modernizr');
+var concat = require('gulp-concat');
+var uglify = require('gulp-uglify');
+var jshint = require('gulp-jshint');
+var stylish = require('jshint-stylish');
+var imagemin = require('gulp-imagemin');
+var svgstore = require('gulp-svgstore');
+var path = require('path');
+var svgmin = require('gulp-svgmin');
+var svg2png = require('gulp-svg2png');
+var inject = require('gulp-inject');
+var browserSync = require('browser-sync').create();
+var rename = require('gulp-rename');
+var mergeStream = require('merge-stream');
+
+function errorlog (error) {  
+  console.error.bind(error);  
+  this.emit('end');  
+}  
+
+// SASS Task
+if (config.sassLang === 'libsass') {
+  gulp.task('sass', function () {  
+    return gulp.src(config.sass)  
+        .pipe(sourcemaps.init())
+        .pipe(libsass(config.libsass_options).on('error', libsass.logError))  
+        .pipe(sourcemaps.write(config.sourcemaps))
+        .pipe(gulp.dest(config.dest))
+        .pipe(browserSync.stream());
+  });  
+} else {
+  gulp.task('sass', function () {  
+    return rubysass(config.sass, config.rubysass_options)  
+        .pipe(sourcemaps.init())
+        .on('error', rubysass.logError)  
+        .pipe(sourcemaps.write(config.sourcemaps))
+        .pipe(gulp.dest(config.dest))
+        .pipe(browserSync.stream());
+  });  
+}
+
+// JS Task  
+gulp.task('js', function () {  
+  var tasks = [], 
+      srcs = config.js.src,
+      names = config.js.name;
+      
+  for (var i = 0; i < srcs.length; i++) {
+    tasks.push(
+      gulp.src(srcs[i])
+          .pipe(sourcemaps.init())
+          .pipe(jshint())
+          .pipe(jshint.reporter(stylish))
+          .pipe(concat(names[i]))
+          .on('error', errorlog)  
+          .pipe(gulp.dest(config.dest))
+          // .pipe(rename(names[i].replace('.js', '.min.js')))
+          .pipe(uglify())
+          .pipe(sourcemaps.write('../' + config.sourcemaps))
+          .pipe(gulp.dest(config.dest + '/min'))
+    );
+  }
+
+  return mergeStream(tasks)
+      .pipe(browserSync.stream());
+});
+
+// browser-sync
+gulp.task('sync', function() {
+  browserSync.init(config.browserSync);
+});
+
+// Watch
+gulp.task('watch', function () {
+  gulp.watch(config.sass, ['sass']);
+  gulp.watch(config.watch.js, ['js']);
+  gulp.watch(config.watch.html).on('change', browserSync.reload);
+});
+
+// Default Task
+gulp.task('default', [
+  'sass',
+  'js',
+  'sync', 
+  'watch', 
+]);  
\ No newline at end of file
diff --git a/package.json b/package.json
index 8d68c4cb..363d7aad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tiny-slider",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "description": "Pure tiny javascript slider for all purposes.",
   "main": "dist/tiny-slider.js",
   "style": "dist/tiny-slider.css",
diff --git a/src/min/tiny-slider.helper.ie8.min.js b/src/min/tiny-slider.helper.ie8.min.js
deleted file mode 100644
index 1d94e96d..00000000
--- a/src/min/tiny-slider.helper.ie8.min.js
+++ /dev/null
@@ -1 +0,0 @@
-// @codekit-prepend "../tiny-slider.helper.ie8.js";
\ No newline at end of file
diff --git a/src/min/tiny-slider.min.js b/src/min/tiny-slider.min.js
deleted file mode 100644
index 18079dc4..00000000
--- a/src/min/tiny-slider.min.js
+++ /dev/null
@@ -1 +0,0 @@
-// @codekit-prepend "../tiny-slider.js";
\ No newline at end of file
diff --git a/src/min/tiny-slider.native.min.js b/src/min/tiny-slider.native.min.js
deleted file mode 100644
index c52b5cf3..00000000
--- a/src/min/tiny-slider.native.min.js
+++ /dev/null
@@ -1 +0,0 @@
-// @codekit-prepend "../tiny-slider.native.js";
\ No newline at end of file
diff --git a/src/tiny-slider.helper.ie8.js b/src/tiny-slider.helper.ie8.js
deleted file mode 100644
index ce02de21..00000000
--- a/src/tiny-slider.helper.ie8.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-// @codekit-prepend "../bower_components/go-native/src/es5/object/keys.js";
-
-// @codekit-prepend "../bower_components/go-native/src/ie8/addEventListener.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/firstElementChild.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/lastElementChild.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/previousElementSibling.js";
-// @codekit-prepend "../bower_components/go-native/src/ie8/nextElementSibling.js";
\ No newline at end of file
diff --git a/src/tiny-slider.helper.js b/src/tiny-slider.helper.js
deleted file mode 100644
index e7444a4c..00000000
--- a/src/tiny-slider.helper.js
+++ /dev/null
@@ -1,17 +0,0 @@
-
-// @codekit-prepend "../bower_components/domtokenlist/src/token-list.js";
-
-// @codekit-prepend "../bower_components/go-native/src/utilities/childNode.remove.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/base.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/extend.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/isInViewport.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/indexOf.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/getSupportedProp.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/DOM.ready.js";
-
-// @codekit-prepend "../bower_components/go-native/src/gn/isNodeList.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/append.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/wrap.js";
-// @codekit-prepend "../bower_components/go-native/src/gn/unwrap.js";
-
-// @codekit-prepend "../bower_components/requestAnimationFrame/requestAnimationFrame.js";
diff --git a/src/tiny-slider.js b/src/tiny-slider.js
deleted file mode 100644
index da68ebc2..00000000
--- a/src/tiny-slider.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// @codekit-prepend "tiny-slider.helper.js";
-// @codekit-prepend "tiny-slider.native.js";
\ No newline at end of file
diff --git a/src/tiny-slider.native.js b/src/tiny-slider.native.js
index 606a6c71..ebf1f3f5 100644
--- a/src/tiny-slider.native.js
+++ b/src/tiny-slider.native.js
@@ -1,6 +1,6 @@
 /**
   * tiny-slider
-  * @version 0.3.5
+  * @version 0.4.0
   * @author William Lin
   * @license The MIT License (MIT)
   * @github https://github.com/ganlanyuan/tiny-slider/
@@ -39,6 +39,7 @@ var tinySlider = (function () {
     options = gn.extend({
       container: document.querySelector('.slider'),
       items: 1,
+      gutter: 0,
       fixedWidth: false,
       maxContainerWidth: false,
       slideByPage: false,
@@ -74,6 +75,7 @@ var tinySlider = (function () {
         sliderItems = sliderContainer.children,
         sliderCount = sliderItems.length,
         sliderCountUpdated = sliderItems.length,
+        gutter = options.gutter,
         fixedWidth = options.fixedWidth,
         controls = options.controls,
         controlsText = options.controlsText,
@@ -180,9 +182,9 @@ var tinySlider = (function () {
 
     var getSlideWidth = (function () {
       if (fixedWidth) {
-        return function () { return fixedWidth; };
+        return function () { return fixedWidth + gutter; };
       } else {
-        return function () { return sliderContainer.parentNode.offsetWidth / items; };
+        return function () { return (sliderContainer.parentNode.offsetWidth + gutter) / items; };
       }
     })();
 
@@ -216,7 +218,8 @@ var tinySlider = (function () {
         sliderContainer.style.marginLeft = - (itemsMax * slideWidth) + 'px';
       }
       for (var b = sliderCountUpdated; b--;) {
-        sliderItems[b].style.width = slideWidth + 'px';
+        sliderItems[b].style.width = slideWidth - gutter + 'px';
+        sliderItems[b].style.marginRight = gutter + 'px';
       }
     }
 
@@ -426,7 +429,7 @@ var tinySlider = (function () {
 
       translateX = - slideWidth * index;
       if (fixedWidth && !loop) {
-        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - vw) );
+        translateX = Math.max( translateX, - Math.abs(sliderCount * slideWidth - gutter - vw) );
       }
 
       if (TRANSFORM) {