Automatic carousel

Hi, i would like to add n automatic carousel  to my site therefore users do not have to manually use the scroll buttons and it moves by itsself

Is there any way to do this?

Website passsword is password

Thanks for all  help

Image will be clickable or non-clickable?

and what is site url?

On 10/23/2022 at 2:19 AM, tuanphan said:

Image will be clickable or non-clickable?

and what is site url?

sourcedsneakers.com the password is password

On 11/10/2022 at 5:22 AM, sourcedbyal said:

sourcedsneakers.com the password is password

Add to Settings > Advanced > Code Injection > Footer

<script>
	(function docReady(fn) {
	// see if DOM is already available
	if (document.readyState === "complete" || document.readyState === "interactive") {
		// call on next available tick
		setTimeout(fn, 1);
	} else {
		document.addEventListener("DOMContentLoaded", fn);
	}
})(() => {
	if (window.location == window.parent.location) {
		const reelControls = document.querySelectorAll('.gallery-reel-control [data-next]');
		reelControls.forEach(reelControl => {
			(function reelTimer() {
				setTimeout(() => {
					reelControl.click();
					reelTimer();
				}, 2000); // change this value to change the speed
			})();
		})
	}
});
</script>

On 11/12/2022 at 1:34 PM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script>
	(function docReady(fn) {
	// see if DOM is already available
	if (document.readyState === "complete" || document.readyState === "interactive") {
		// call on next available tick
		setTimeout(fn, 1);
	} else {
		document.addEventListener("DOMContentLoaded", fn);
	}
})(() => {
	if (window.location == window.parent.location) {
		const reelControls = document.querySelectorAll('.gallery-reel-control [data-next]');
		reelControls.forEach(reelControl => {
			(function reelTimer() {
				setTimeout(() => {
					reelControl.click();
					reelTimer();
				}, 2000); // change this value to change the speed
			})();
		})
	}
});
</script>

 

hi ive just inputted this code and nothing hapnneded. Any help would be appriecteated  the code is in on my website 

On 11/12/2022 at 1:34 PM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script>
	(function docReady(fn) {
	// see if DOM is already available
	if (document.readyState === "complete" || document.readyState === "interactive") {
		// call on next available tick
		setTimeout(fn, 1);
	} else {
		document.addEventListener("DOMContentLoaded", fn);
	}
})(() => {
	if (window.location == window.parent.location) {
		const reelControls = document.querySelectorAll('.gallery-reel-control [data-next]');
		reelControls.forEach(reelControl => {
			(function reelTimer() {
				setTimeout(() => {
					reelControl.click();
					reelTimer();
				}, 2000); // change this value to change the speed
			})();
		})
	}
});
</script>

 

nevermind it is doing it now thank you so much ❤️