Published on Nov 17, 2018

How to stop FOUC when using Oxygen slider

Sridhar Katakam

One of the built-in elements that Oxygen comes with is Slider which uses Unslider jQuery script for showing the individual slides as a slider.

On the frontend when a page having the slider loads, initially all the slides (at least the text content) may be seen flashing for a second before Unslider's .js file loads and then the slides will arrange themselves into place.

This members-only tutorial provides the steps to work around this Flash Of Unstyled Content problem.

Edit your Template/page having the Slider in the Oxygen editor.

Step 1

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-ocalendar-check-omagnifiercrossmenuchevron-down