Advertisement
Guest User

Untitled

a guest
Jun 23rd, 2017
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.87 KB | None | 0 0
  1. Hubs.onPageChange = function() {
  2. console.log('Page Type: ' + this.pageType);
  3. console.log('Item Type: ' + this.itemType);
  4.  
  5. var slideIndex = 1;
  6. showSlides(slideIndex);
  7.  
  8.  
  9. document.getElementsByClassName("prev").addEventListener("click", plusSlides(-1));
  10. document.getElementsByClassName("next").addEventListener("click", plusSlides(1));
  11.  
  12. document.getElementsById("1").addEventListener("click", currentSlide(1));
  13. document.getElementsById("2").addEventListener("click", currentSlide(2));
  14. document.getElementsById("3").addEventListener("click", currentSlide(3));
  15.  
  16.  
  17. function plusSlides(n) {
  18. console.log("plus slides " + n);
  19. showSlides(slideIndex += n);
  20. }
  21.  
  22. function currentSlide(n) {
  23. console.log("current slide " + n);
  24. showSlides(slideIndex = n);
  25. }
  26. function showSlides(n) {
  27. console.log("show slides " + n);
  28. var i;
  29. var slides = document.getElementsByClassName("mySlides");
  30. var dots = document.getElementsByClassName("dot");
  31. if (n > slides.length) {
  32. slideIndex = 1;
  33. }
  34. if (n < 1) {
  35. slideIndex = slides.length;
  36. }
  37. for (i = 0; i < slides.length; i++) {
  38. slides[i].style.display = "none";
  39. }
  40. for (i = 0; i < dots.length; i++) {
  41. dots[i].className = dots[i].className.replace(" active", "");
  42. }
  43. slides[slideIndex - 1].style.display = "block";
  44. dots[slideIndex - 1].className += " active";
  45. }
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement