5 Image Carousel for Homepage? Can't get it to work with Wells Template?

Hi there, I have searched online and see there are tutes / youtubes how to do this but for the life of me cant figure out how to do it. 

At the moment my homepage defaults to an image from one of my pages. I want a simple carousel / slideshow gallery of 5 of my top images that flick through, before the user goes into navigate the menus. 

Am I on the wrong plan / template to do this? Seems so simple, and I'm not *that* neurodivergent.  

Any help I would be grateful for. 

Cheers, 

hayden 

You mean replace this image with a Carousel. Carousel will have 5 images show initial?

You can create a blank page > Add a Gallery Block > Choose Carousel Layout > Then set this Page as Homepage.

(If you can't find these options, let me know, I will provide some screenshots)

Thanks very much for your reply tuanphan. I see you live in Hué, I spent some time their last year - it's such a cool city!

I have it half working i think? See: https://www.spacevolumelight.com/new-page-1 - but how do i get the slider to constrain to the maximum screen size like the standard gallery pages?

Thanks in advance for your help

Or, do I do it this way: https://www.spacevolumelight.com/try - I actually prefer that, as it shows the title of the image in the bottom left corner, but how do i set the gallery to autoplay as a slideshow? I dont want the viewer to have to click through these images. 

Many thanks 

On 3/14/2024 at 3:28 AM, goldencat said:

Thanks very much for your reply tuanphan. I see you live in Hué, I spent some time their last year - it's such a cool city!

I have it half working i think? See: https://www.spacevolumelight.com/new-page-1 - but how do i get the slider to constrain to the maximum screen size like the standard gallery pages?

Thanks in advance for your help

Yes, I live in Hue since 2018

You can use this code to Website > Website Tools > Custom CSS
 

body#collection-65f0d41862d116726a78eaa2 div#canvasWrapper {
    max-width: 100% !important;
}

On 3/14/2024 at 4:37 AM, goldencat said:

Or, do I do it this way: https://www.spacevolumelight.com/try - I actually prefer that, as it shows the title of the image in the bottom left corner, but how do i set the gallery to autoplay as a slideshow? I dont want the viewer to have to click through these images. 

Many thanks 

You can use this code to Try Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
	setInterval(function(){ 
	$('span.control.next-slide').click()
	},2000);
})
</script>