Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Hubs.onPageChange = function() {
- console.log('Page Type: ' + this.pageType);
- console.log('Item Type: ' + this.itemType);
- var slideIndex = 1;
- showSlides(slideIndex);
- document.getElementsByClassName("prev").addEventListener("click", plusSlides(-1));
- document.getElementsByClassName("next").addEventListener("click", plusSlides(1));
- document.getElementsById("1").addEventListener("click", currentSlide(1));
- document.getElementsById("2").addEventListener("click", currentSlide(2));
- document.getElementsById("3").addEventListener("click", currentSlide(3));
- function plusSlides(n) {
- console.log("plus slides " + n);
- showSlides(slideIndex += n);
- }
- function currentSlide(n) {
- console.log("current slide " + n);
- showSlides(slideIndex = n);
- }
- function showSlides(n) {
- console.log("show slides " + n);
- var i;
- var slides = document.getElementsByClassName("mySlides");
- var dots = document.getElementsByClassName("dot");
- if (n > slides.length) {
- slideIndex = 1;
- }
- if (n < 1) {
- slideIndex = slides.length;
- }
- for (i = 0; i < slides.length; i++) {
- slides[i].style.display = "none";
- }
- for (i = 0; i < dots.length; i++) {
- dots[i].className = dots[i].className.replace(" active", "");
- }
- slides[slideIndex - 1].style.display = "block";
- dots[slideIndex - 1].className += " active";
- }
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement