Skip to content

Instantly share code, notes, and snippets.

/slide_share

Created May 14, 2015 17:07
Show Gist options
  • Save anonymous/7910aef7f0c28b684477 to your computer and use it in GitHub Desktop.
Save anonymous/7910aef7f0c28b684477 to your computer and use it in GitHub Desktop.
Download ZIP
SlideShareでなぜかボタンが有効にならない時のためのスライド送りできるようにするスクリプト
Raw
slide_share
(function(){
var index = 0;
var slides = document.getElementsByClassName("slide");
var max = document.getElementById("total-slides").innerHTML;
var progressbar = document.getElementsByClassName("j-slides-loaded-bar progress-bar")[0];
var bufferedbar = document.getElementsByClassName("buffered-bar")[0];
document.getElementById("btnNext").addEventListener("click",function(){
if(index != max-1){
moveTo(index+1)
}
})
document.getElementById("btnPrevious").addEventListener("click",function(){
if(index != 0){
moveTo(index-1)
}
})
function moveTo(new_index){
var width = slides[index].offsetWidth;
var height = slides[index].offsetHeight;
slides[index].setAttribute("class", "slide");
slides[index].removeAttribute("itemprop");
index = new_index;
slides[new_index].setAttribute("class", "slide show");
slides[new_index].setAttribute("itemprop", "image");
var image = slides[new_index].getElementsByClassName("slide_image")[0];
var spinner = slides[new_index].getElementsByClassName("fa fa-spinner fa-spin")[0];
if(spinner){
image.addEventListener("load", function(){
slides[new_index].removeChild(spinner);
image.removeAttribute("style");
})
image.style.height = height + "px";
}
image.setAttribute("src",image.getAttribute("data-normal"))
document.getElementById("current-slide").innerHTML = new_index + 1;
if(new_index == 0){
document.getElementById("btnPrevious").children[0].setAttribute("class", "j-prev-btn arrow-left disabled");
document.getElementById("btnNext").children[0].setAttribute("class", "j-next-btn arrow-right");
} else if(new_index == max-1) {
document.getElementById("btnNext").children[0].setAttribute("class", "j-next-btn arrow-right disabled");
document.getElementById("btnPrevious").children[0].setAttribute("class", "j-prev-btn arrow-left");
} else {
document.getElementById("btnPrevious").children[0].setAttribute("class", "j-prev-btn arrow-left");
document.getElementById("btnNext").children[0].setAttribute("class", "j-next-btn arrow-right");
}
progressbar.style.width = new_index/(max-1)*100+"%";
}
progressbar.addEventListener("click", function(e){
moveTo(parseInt(e.offsetX/bufferedbar.offsetWidth*(max-1)));
})
bufferedbar.addEventListener("click", function(e){
moveTo(parseInt(e.offsetX/bufferedbar.offsetWidth*(max-1)));
})
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment