small slider

[francesco2424]

Hi,

I would like to use this:
http://portotheme.com/html/porto/8.0.0/portfolio-single-small-slider.html
..in my barber template.

How can I make it auto rotate every picture in 2 seconds?

I’ve tried few things but do not work.

Best regards,

---

Template Version: barber

[Support]

Hello,

First you should copy the HTML of that slider/carousel, change the data-plugins-options to auto play/rotate and paste where you want at demo barber. Here’s the code you need paste in the barber demo:

<div class="owl-carousel owl-theme nav-inside nav-inside-edge nav-squared nav-with-transparency nav-dark mt-3" data-plugin-options="{'items': 1, 'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'autoplay': true, 'autoplayTimeout': 7000}">
	<div>
		<div class="img-thumbnail border-0 border-radius-0 p-0 d-block">
			<img src="img/projects/project-short.jpg" class="img-fluid border-radius-0" alt="">
		</div>
	</div>
	<div>
		<div class="img-thumbnail border-0 border-radius-0 p-0 d-block">
			<img src="img/projects/project-short-2.jpg" class="img-fluid border-radius-0" alt="">
		</div>
	</div>
	<div>
		<div class="img-thumbnail border-0 border-radius-0 p-0 d-block">
			<img src="img/projects/project-short-3.jpg" class="img-fluid border-radius-0" alt="">
		</div>
	</div>
</div>

* Note the options 'autoplay': true, 'autoplayTimeout': 7000. 7000 is the time to rotate in mili-seconds.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[francesco2424]

Hi Rodrigo,

It works. I’ve added ‘loop’: true; for continuous rotating.

THANK YOU!

---

[Support]

Hello,

Great! 🙂

If you need further assistance feel free to contact us.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts