Oxygen 4.0 is now available - see what's newlimited time special pricing available
Posted on August 21, 2022

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

hello world!

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:

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Oxygen Today

Lifetime, unlimited site license

Copyright © 2022 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram