Comparing version 0.1.2 to 0.1.3
@@ -134,3 +134,5 @@ "use strict" | ||
document.getElementById(options.location).appendChild(slider); | ||
if (!options.location) document.getElementsByTagName("body")[0].appendChild(slider); | ||
else if (options.location[0] == "#") document.getElementById(options.location.slice(1)).appendChild(slider); | ||
else if (options.location[0] == ".") document.getElementsByClassName(options.location.slice(1))[0].appendChild(slider); | ||
} | ||
@@ -137,0 +139,0 @@ |
@@ -1,1 +0,1 @@ | ||
"use strict";function Autoslider(a={}){this.options=a,this.slider=document.createElement("div")}Autoslider.prototype.init=function(){assembleSlider(this.slider,this.options),displaySlide(1)},Autoslider.prototype.next=function(){displaySlide(getCurrentSlide()+1)},Autoslider.prototype.prev=function(){displaySlide(getCurrentSlide()-1)},Autoslider.prototype.slide=function(a){displaySlide(a)};function createSlides(a){let b=[];for(let c=0,d=a.length;c<d;++c){let d=a[c],e=document.createElement("div");e.classList.add("auto-slide"),e.setAttribute("data-num",c+1),d.transition&&e.classList.add(d.transition);let f=document.createElement("img");f.classList.add("auto-slide-img"),f.src=d.image;let g=document.createElement("div");g.classList.add("auto-title"),g.appendChild(document.createTextNode(d.title));let h=document.createElement("div");h.classList.add("auto-caption"),h.appendChild(document.createTextNode(d.caption)),e.appendChild(f),e.appendChild(g),e.appendChild(h),b.push(e)}return b}function createDots(a){let b=document.createElement("div");b.classList.add("auto-dots");for(let c,d=0;d<a;++d)c=document.createElement("span"),c.classList.add("auto-dot"),c.onclick=()=>{displaySlide(d+1)},b.appendChild(c);return b}function assembleSlider(a,b){a.classList.add("autoslider");let c=createSlides(b.slides),d=c.length;for(let e=0;e<d;++e)a.appendChild(c[e]);if(b.dots&&a.appendChild(createDots(d)),b.arrows){let b=document.createElement("a");b.appendChild(document.createTextNode("\u25C0")),b.onclick=()=>{displaySlide(getCurrentSlide()-1)},b.classList.add("auto-prev");let c=document.createElement("a");c.appendChild(document.createTextNode("\u25B6")),c.onclick=()=>{displaySlide(getCurrentSlide()+1)},c.classList.add("auto-next"),a.appendChild(b),a.appendChild(c)}document.getElementById(b.location).appendChild(a)}function getCurrentSlide(){let a=document.getElementsByClassName("auto-slide");for(let b=0,c=a.length;b<c;++b)if(0<a[b].offsetHeight)return parseInt(a[b].getAttribute("data-num"))}function displaySlide(a){let b=document.getElementsByClassName("auto-slide"),c=b.length;a>c&&(a=1),1>a&&(a=c);for(let d=0;d<c;++d)b[d].style.display="none";b[a-1].style.display="block"} | ||
"use strict";function Autoslider(a={}){this.options=a,this.slider=document.createElement("div")}Autoslider.prototype.init=function(){assembleSlider(this.slider,this.options),displaySlide(1)},Autoslider.prototype.next=function(){displaySlide(getCurrentSlide()+1)},Autoslider.prototype.prev=function(){displaySlide(getCurrentSlide()-1)},Autoslider.prototype.slide=function(a){displaySlide(a)};function createSlides(a){let b=[];for(let c=0,d=a.length;c<d;++c){let d=a[c],e=document.createElement("div");e.classList.add("auto-slide"),e.setAttribute("data-num",c+1),d.transition&&e.classList.add(d.transition);let f=document.createElement("img");f.classList.add("auto-slide-img"),f.src=d.image;let g=document.createElement("div");g.classList.add("auto-title"),g.appendChild(document.createTextNode(d.title));let h=document.createElement("div");h.classList.add("auto-caption"),h.appendChild(document.createTextNode(d.caption)),e.appendChild(f),e.appendChild(g),e.appendChild(h),b.push(e)}return b}function createDots(a){let b=document.createElement("div");b.classList.add("auto-dots");for(let c,d=0;d<a;++d)c=document.createElement("span"),c.classList.add("auto-dot"),c.onclick=()=>{displaySlide(d+1)},b.appendChild(c);return b}function assembleSlider(a,b){a.classList.add("autoslider");let c=createSlides(b.slides),d=c.length;for(let e=0;e<d;++e)a.appendChild(c[e]);if(b.dots&&a.appendChild(createDots(d)),b.arrows){let b=document.createElement("a");b.appendChild(document.createTextNode("\u25C0")),b.onclick=()=>{displaySlide(getCurrentSlide()-1)},b.classList.add("auto-prev");let c=document.createElement("a");c.appendChild(document.createTextNode("\u25B6")),c.onclick=()=>{displaySlide(getCurrentSlide()+1)},c.classList.add("auto-next"),a.appendChild(b),a.appendChild(c)}b.location?"#"==b.location[0]?document.getElementById(b.location.slice(1)).appendChild(a):"."==b.location[0]&&document.getElementsByClassName(b.location.slice(1))[0].appendChild(a):document.getElementsByTagName("body")[0].appendChild(a)}function getCurrentSlide(){let a=document.getElementsByClassName("auto-slide");for(let b=0,c=a.length;b<c;++b)if(0<a[b].offsetHeight)return parseInt(a[b].getAttribute("data-num"))}function displaySlide(a){let b=document.getElementsByClassName("auto-slide"),c=b.length;a>c&&(a=1),1>a&&(a=c);for(let d=0;d<c;++d)b[d].style.display="none";b[a-1].style.display="block"} |
{ | ||
"name": "autoslider", | ||
"version": "0.1.2", | ||
"version": "0.1.3", | ||
"description": "Create a slider for your website with just pure javascript.", | ||
@@ -5,0 +5,0 @@ "main": "./dist/autoslider.min.js", |
17068
227