How to replace Home Section 1’s background image with Backstretch slideshow in Parallax Pro

In this article I show how the first home section's Parallax background can be replaced with rotating images with fading transition when using Parallax Pro.

Live Demo

Summary:

• Exclude Featured Section 1 from theme customization section.
• Exclude Home Section 1 from getting the background image CSS applied.
• Enqueue Backstretch and initialize it on Home Section 1 by providing the URLs of the rotating images.

Step 1

Edit wp-content/themes/parallax-pro/lib/customize.php.

Change

$images = apply_filters( 'parallax_images', array( '1', '3', '5' ) );

view raw customize.php hosted with by GitHub

to