Tutorial: Creating A Scroll Activated Sliding Image Gallery In WordPress With Oxygen

In this video, learn how to use JavaScript to create a scroll-activated Sliding Image Gallery effect with Oxygen. This video also discusses how to create a throttle utility function in JavaScript, which uses a callback and setTimeout, to limit how frequently the effect runs since we’re monitoring when a page is scrolled.

JavaScript used in this video: https://gist.github.com/Spellhammer/8e49e656e0b9454092836a61c9261bb5.

Note: You will need to update the element IDs or switch to using classes in the linked JavaScript for the Sliding Image Gallery effect to work on your site.

You can learn more about some of the JavaScript settings used for the throttle utility function through the following MDN entries:

• https://developer.mozilla.org/en-US/docs/Web/API/setTimeout.
• https://developer.mozilla.org/en-US/docs/Glossary/Callback_function.