Random Background Image on Home Page

Hello,

I've searched the forum and the web for a solution, but nothing seems to work exactly as people want it to. What I'd like to do is have about 5 to 8 random images serve as a background image on my Home Page. I currently have a section on the page that has a background image loaded properly. I'd like this image to be swapped out randomly with other images as people visit my site.

See the attached image for how it looks with one image.

I know this is a somewhat redundant post, but if there is a real solution I'd love to know it. This has been asked for for at least six years. There's a result from 2017 but without a solution. Can we do this, people?  🙂

Thanks!

Hi,

With random, you will need to use a 3rd party plugin

Oh, I see. I'll hunt around a bit more. I did some searching but did not find anything.

Thanks

On 2/12/2023 at 2:07 AM, davecooperphoto said:

Oh, I see. I'll hunt around a bit more. I did some searching but did not find anything.

Thanks

Do you still need help? I can try do a quick example with plugin

I'd love to see an implementation. My site is now live here: davecooperphoto.com. The landing page image is the one I'd like to randomize. Note that it is set as a background image in the main Section.

On 2/15/2023 at 4:12 PM, davecooperphoto said:

I'd love to see an implementation. My site is now live here: davecooperphoto.com. The landing page image is the one I'd like to randomize. Note that it is set as a background image in the main Section.

I see you managed this, looks great! I'm trying to do something similar, would you mind sharing how?

Thank you!

Tuanphan helped me get things sorted out, but basically I first added a gallery to the page, then bought and installed this plugin:

https://www.sqspthemes.com/plugins/gallery-random-order

Then added code to the page: 

Add to Design > Custom CSS
body.homepage article section:first-child {
    padding-top: 0px !important;
}

There were a few more tweaks I had to do to get the navigation to appear properly. I went back and forth with him via email to sort things out. 

Good luck!