Home Carousel Portfolio

1


Amazing Content

Development & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

2


Amazing Content

Development & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

3


A5 Bottle Makeup

Web Design & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

4


Amazing Content

Development & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

5


Amazing Content

Development & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

6


Amazing Content

Development & Branding

Proin imperdiet efficitur ipsum, nec tincidunt dui placerat quis. Donec non scelerisque augue. Vivamus tristique aliquet eros ut sagittis. Nunc suscipit ante congue dolor bibendum condimentum.


View More

jQuery(document).ready(function () {
“use strict”; // Start of use strict
//if carousel style 4
function firstactive(event) {
var $items = jQuery(event.target).find(‘.owl-item’);
$items.removeClass(‘first-active’);
$items.eq(event.item.index).addClass(‘first-active’);
}
var owl = jQuery(“#inner_id-5986f2eab78c2”);
owl.owlCarousel({
nav: false, // Show next and prev buttons
navSpeed: 1500,
smartSpeed: 1500,
dotsSpeed: 1500,
singleItem: true,
dots: true,
items: 1,
autoplay: true,
loop: true,
//if carousel style 2
//if carousel style 4
margin: 25,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
960: {
items: 1.1
},
1200: {
items: 1.2
}
},
onInitialized: function (event) {
firstactive(event);
},
onChanged: function (event) {
firstactive(event);
},
afterAction: function (el) {
//remove class active
this.$owlItems.removeClass(‘active’)
//add class active
this.$owlItems.eq(this.currentItem + 1).addClass(‘active’)
}
});
});