Search jQuery

jQuery Forum

Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide

in Using jQuery Plugins • 8 years ago

I am using Owl Carousel http://owlgraphic.com/owlcarousel/

I have created custom Navigation Tabs, clicking Tab1 takes me to Slide 1, Tab 2 - Slide 2...and so on .
I keep Autoplay On but how do i apply hover effect on the Tab1 when Slide 1 is "active" or Tab2 when Slide 2 is "active".

For Example on autoSlide,

If Slide 1 is active - the Tab 1 gets highlighted and

If Slide 2 is active - Nav Tab 2 gets highlighted.

Can some one help me..

Replies(1)

bennetonss

Re: Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide

8 years ago

Hello,

I am still looking for an answer to this.

According to the author,

http://www.owlgraphic.com/owlcarousel/demos/owlStatus.html

for a single Item Slider, the current item is defined by "currentItem",

With all "#nav" items set to opcaity 0.5;

After having defined a simple class = "active_X" (opacity:1)

I tried an if/else statement -

i.e.

if (currentItem == 1) {

$('#nav1').addClass('active_X')

}

else {

$('#nav1').removeClass('active_X')

}

But it does not work.

Can some one please have a look at this..

Top Reply

Response title

Attachments

jQuery Forum

Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide

Replies(1)

Re: Owl Slider - Adding Hover Effect on Custom Nav Tabs on Auto Slide

Statistics

Tags

Actions