How to make the carousel in "demo-interior-design" page auto rotate?

Question

I very love the design of demo interior design carousel with white block of text on top of picture. BUT my client want me to make the carousel auto rotate since it is does not seem intuitive there are more content beyond the first block and the icons does not look like a tag. How can I make it auto rotate every 10 second with JS? Thank you so much!! Great works!

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words and your Patience! We are really glad that you like the Interior Design Niche Demo.

It is Definitely Possible to make it Auto-Rotate. Simply add the following JS Code at the bottom of the Page after the js/functions.js JS File Linking:


	var currTab = 0,
		totalTabs = jQuery('.tab-nav').find('a').length;

	function cycle() {
		$('.tab-nav > li').eq(currTab).find('a').click();

		currTab++;

		if (currTab == totalTabs) { currTab = 0; }
	}

	setInterval(cycle, 10000);

This will definitely work fine. However, note that the First Rotation will start after 20 Seconds.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.