Add a carousel pager

Hey hey

I fell over a minor little glitch with the thumbnail slider (tested on Firefox and Chrome, haven't gotten onto my VMs yet for IE). If you click twice on the main slider navigation, or on two thumbnails in the thumbnail slider, or one thumbnail and one slider nav (in any order), the thumbnail navigation carousel arrows stop working.

I tried knocking off the main slider arrows in case it was a dual navigation problem, problems persist if you click two thumbnails and then try to use the arrows on the thumbnail carousel.

Don't know if it's related (and how it would go on longer sliders as mine are pretty short), the thumbnail slider jumps to the end when the thumbnail is clicked or the navigation on the main slider is used.

I'm not sure what I should be looking for as it looks ajaxy and my ajax is crap :)

Thanks for the module!

Okay, the problem appears to be infiniteLoop.

On my "clean" install (with only a content type for the slider and bxslider+dependencies) everything is fine on default settings, then I turned off infiniteLoop and the problem happened.

On my development site, I turned infiniteLoop back on and problem appears to have gone away.

Only the thumbnail slider needs to be on infiniteLoop, didn't seem to matter what the main slider was set to.

Don't know if it's related or a different problem but if you change the numbers in the Carousel fieldset for the thumbnail slider chaos happens, if you use the main slider to navigate the thumbnail slider scrubs through really fast and seems to end up in some random location. Everything is fine at default at the screen sizes I tested so maybe a warning for people like me dumb enough to play with them ;)

As far as parameters go I haven't changed a lot, I wanted hideControlOnEnd on (which works fine) and infiniteLoop off for both the main slider and the thumbnail navigation slider. Everything else is default.

I'm happy enough to keep infiniteLoop on for the thumbnail slider for this particular project so no major rush on solutions.

eta: is there any way to get the active li in the middle of the div rather than first visible on the left? Colour us slow but it took me and the designer a while to work out what we were looking at :)

Hi VVVi

Sorry for taking so long to respond, work piled up. The scrolling is a lot smoother now, no more jumping around, yay! There's some slightly odd behaviour with infiniteloop now where the thumbnails repeat if there are less thumbnails than in the max slides (eg if I have two thumbnails in a slide and a maxslides of 4, I end up with two of each thumbnail).

I turned off infiniteloop like I wanted and the controls are working beautifully. I'm guessing trying to centralise the active thumbnail on a responsive thing must be a pain in the system as it's currently shooting all the way to the right of my main image :) It's cool that they move though I don't understand where the numbers are coming from to be able to work out if any adjustments I make will help or just help me and break for everyone else. The faded inactive thumbnails are a really nice and useful touch and the active class (which I don't think was there before as I was trying to find some method of highlighting the active thumbnail and failing) is also really useful.

Thanks for working on it!

Sorry VVVi, the infiniteloop problem is back :(

If it's disabled, if you use just the thumbnails to navigate and don't use the prev/next arrows, if the thumbnail slider moves from you clicking through 3-5 thumbnails, you lose the prev arrow and it won't come back.

If it's enabled, you have to set the Carousel max slides on the thumbnail slider to 1 or you get duplicate thumbnails when you have less thumbnails than Carousel max for the thumbnail slider, and it loops very strangely when the slider is wider than the number of thumbnails :)

I hope that made sense! I'm seriously hopeless at javascript but will try to have a look and see what it's doing on Friday.

Thanks!