Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
05-26-2013, 09:07 PM #1
- Join Date
- Nov 2012
- Thanked 0 Times in 0 Posts
jquery bxslider - add class on hover to active caption slide
I'm using 2 bxsliders side-by-side on my homepage. One is for images, and the other for captions - the content for both is fed from a back-end list. I'm doing it this way because the captions need to be stacked, with a different background color (#3BBFC4) applied to the "active" caption. A graphic of this can be found at: http://tinypic.com/view.php?pic=2yl2ubs&s=5
But in order to change the background color, I need to add a class (let's call it .activeCaption) to the "active" caption - this would be tied to a .hover event.
I know that one of the callbacks listed at http://v3.bxslider.com/options can be used to accomplish this, but I just can't seem to figure it out.
A fiddle with my current setup can be found at: http://jsfiddle.net/astewes/gepME/3/. Note that I'm using 3 images and 3 captions in the HTML, just to give you a working example. There will never be more than 3 on display at any given time.