Skip to content

Instantly share code, notes, and snippets.

@Collinsmbaka
Created September 5, 2022 10:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Collinsmbaka/de7bb5d61a76ad9c40fbb86d328e3f43 to your computer and use it in GitHub Desktop.
Save Collinsmbaka/de7bb5d61a76ad9c40fbb86d328e3f43 to your computer and use it in GitHub Desktop.
Using buttons to control PageFly slider
window.addEventListener('load', () => {
const id = Object.getOwnPropertyNames(__pagefly_slideshows__);
const slideId = id[0];
const slideObj = __pagefly_slideshows__[slideId];
const firstSlide = document.getElementById('button-1')
const secondSlide = document.getElementById('button-2')
const lastSlide = document.getElementById('button-3')
firstSlide.addEventListener("click", function () {
slideObj.scrollItem(0);
})
secondSlide.addEventListener("click", function () {
slideObj.scrollItem(1);
})
lastSlide.addEventListener("click", function () {
slideObj.scrollItem(2);
})
})
@Collinsmbaka
Copy link
Author

The script used to use buttons to control PageFly slider

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment