Based on the width and all my Scrollable Pager shows 5 images at a time. It works the way it is expected if I click on 1st, 2nd and 3rd image pager. Now, if I click on the 4th one it scrolls by 1 image pager and shows the next pager under my cursor. So, now in the list I can see 2nd, 3rd, 4th, 5th and 6th image since it has scrolled by one image pager. And the content shows 4th image as thats the one I clicked last.
However, now if I click the 6th image pager in the list, Scrollable Pager moves by 2 image pagers instead of 1 as happened before! now under my cursor instead of 7th image pager I have the 8th one.
My questions are:
1) How do I stop auto scrolling of the Scrollable pager when I click on the pagers?
2) Why is it scrolling by 2 image pagers when the immediate next pager is not clicked and the next to that one is clicked?
Comments
Comment #1
ppblaauw commentedThanks for your posts
1. There is a setting Pager pause for the pager (Pause the slideshow when pager hovered.)
This should prevent that the slidehow goes automatically further when you are on the pager.
2. The pager functionality is by design.
Its a little bit difficult to explain. (try out e.g a setting: nr of pager items of 3, even when you show 5 images)
When nr of pager items is set to 5, the pager will go one further when fourth image is clicked and will go two further, when 5 images is clicked, same when going back, when you are at a slide higher then 5.
Hope this helps you further, please let me know.
Comment #2
chandrabhan commentedthanks for the reply
1) For me that checkbox is 'checked'. But still the scroller scrolls if I 'click' (not hover) on a scroller pager. You can see the same in your website's up60 example also. (btw my auto-scrolling is disabled; i.e. Timeout is 0 for me)
2) I have set it to 3. Now it jumps over 2 images :)
Comment #3
ppblaauw commented1.) I understood your issue wrong.
I though you where talking about the slideshow itself, but now I know you don't want the scrollable pager to scroll. That can be accomplished by setting the size to 1. But then your pager navigation to navigate 5 images at a time will not work anymore (it will also go 1 images a time).
It's by design of the scrollable plugin
Hope this helps you further, please let me know.
Do you have a link to your Internet site?
Comment #4
chandrabhan commentedI am sorry, my site is still in my laptop :)
Cant these two behaviors be separated?
1) When I click on a pager image it should not scroll
2) When I click on next or prev it should scroll by configured number of pager images (say, 5)
Comment #5
ppblaauw commentedWhat I see in the documentation of the version of the scrollable plugin I use, this can not be separated.
Will have a look later at the newer version of the scrollable plugin (seems to be a total rewrite).
This new version will require jQuery 1.3.2 or jQuery 1.4.2.