This tutorial provides the steps to display multiple images set per Page or Post as rotating backgrounds for the page header section in Business Pro.
We are going to use Featured Galleries plugin to associate multiple images for Pages and Posts.
Then for Pages and Posts that have the images set, load and initialize Backstretch with the URLs of the images so we get multiple auto-rotating images as background for the page header section instead of a single image.
Tested in Business Pro 1.0.6.
Step 1
Install and activate Featured Galleries.
Edit your Pages and Posts and select/upload your background images in the order they should appear in, in the "Featured Gallery" metabox.
Step 2
upload jquery.backstretch.min.js to Business Pro's assets/scripts directory.
Create a filed named say, backstretch-init.js in the same location having this code:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.