OWL Carousel

Advanced Search

How can I add a class to the second item

Permalink Browser Info Environment
Hi there,

Till now I really love your module, so thumbs up.

I have three items visible. Those three items have the class 'active'. What I really would like is that the middle item has another class added. Is there a way to do it?

I tried with some simple javascript, but really can't get it to work.

Maybe someone who can help me?

var $secondDiv = $('.active').get(1); 
$secondDiv.addClass( "extraClass" );
Type: Discussion
Status: New
annekeh
View Replies:
shahroq replied on at Permalink Reply
shahroq
Hi,
There is a list callback functions available for owl plugin, you can see list of them here:
http://www.owlgraphic.com/owlcarousel/index.html#customizing...
for adding a class to an active item you can use something like this:
"afterAction": function(el){
               this.$owlItems.removeClass('featured');
               this.$owlItems.eq(this.currentItem + 1).addClass('featured');
}

Also you should add .featured class to the "owl-theme.css"
Cheers

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.