search

stevenwanderski / bxslider-4

Responsive jQuery content slider
Other
4.22k stars 1.85k forks source link

active class on multiple slides #233

Open ghost opened 11 years ago

ghost commented 11 years ago

First off, thank you for this library. It works really well and is easy to use.

One thing I couldn't figure out is how to know which set of slides is currently visible. On my site I have a carousel with 5 slides showing at a time. I've seen posts on getting one slide to have an active class, but not multiples.

Any advice or help would be greatly appreciated.

JohnMersal commented 11 years ago

I have edited the slider js source code a little bit to make an active class. If you would like i can send you with the authors permission, I edited it for my own benefit

richlewis14 commented 10 years ago

did you get the owners permission? I am having problems getting public methods to work with multiple classes

sinasita commented 10 years ago

i would love to get your code, i'm also trying to set the active class to all visible slides

Tidal-Wave commented 9 years ago

We are looking at adding a active state to our next update. I will keep you posted.

willfaulds commented 9 years ago

@Tidal-Wave please do. A simple class addition to slideSelector would be very useful. As an example I am adding parallax/asynchronous CSS animations to a bxslider - an active class would make this much easier ^_^ to trigger

I would be happy to supple an example of how to achieve asynchronous effects for inclusion in the main website should the active class feature be included.

2 functions which help greatly in writing custom features using the documents Public Methods would be:

getSlideByIndex(i) = return the ith slideSelector & getSlideScreenCount() = return the number of currently visible slides (useful for carousels)

willfaulds commented 9 years ago

Having looked at this further (seeing if I could write a work around) I suggest that the whole carousel needs rewriting to allow better responsive/adaptive sizing (removing cut off items etc.). I would be happy to discuss improved methods.