get carousel to auto scroll then pause on hover

kyliewalsh · September 20

Site URL: https://regrowthkyliewalsh.com/navigate2025

Hello,

We are looking for someone to help with the auto scroll on the carousel on this page: https://regrowthkyliewalsh.com/navigate2025

Essentially, we know we have to do this in the code injection area, but do not know the correct script and/or information to use.

Currently, there are arrows there to manually scroll through, but we would like this to infinitely scroll to the next image after 3 seconds, until the user hovers.

If any one can point us in the right direction - we would be greatly appreciative.

tuanphan · September 23

If you want this only "infinitely scroll to the next image after 3 seconds"

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
	setInterval(function(){ 
	$('section[data-section-id="66ea717d319a120b86d5125c"] button.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right').click()
	},3000);
})
</script>

get carousel to auto scroll then pause on hover

Recommended Posts

kyliewalsh

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources