[Resolved] random background image

[Author]

Posts

[Steve]

My client would like to have a random background image appear every time the page loads. Is it possible I could make a cpt for them to upload images to and then somehow create a view that uses a single random img src as a background image for a div?

The site uses classic toolset views and the theme is a genesis child.

[Christopher Amirian]

Hi there,

I suggest that you used the method below:

https://toolset.com/forums/topic/choose-random-image-from-custom-field/

So basically you will create an image custom field and make it a repeating field and set the slug of that field to slider-images

Then you will create a shortcode with the details mention and it will show the random image that you add in side the repeating image field. You can ad as many images as you want in the repeating image field.

To make it a background you will need to add a custom HTML code inside the content template or wherever you want to use the shortcode and add something like this:

<div class="background-container" style="background-image: URL([types field='slider-images' index="[generate-rand-num field='slider-images' output='raw']"][/types])">
Content of the DIV
</div>

I did change the TYPES shortcode to include the raw output to show the URL only and not the image itself.

Thanks.

[Steve]

Thanks so much, that should be perfect for what i need

Really appreciate the help