Reputation:
I am new to jquery and did lot of googling before finally coming to this question.
I am trying to have this plugin in a webpage,but this carousel is not responsive.
My prefernce is to have responsive carousel with horizontal scrollbar.
There are lot of carousel but they all have either bullets or thumbnails or numbers for scrolling which i dont want.
Is there any procedure to have a scrollbar instead of the bullets or thumbnails in an existing carousel?
Is there any good responsive slider plugin in jquery which has horizontal scrollbar included ?
Can i not convert the quoted link of carousel into a responsive one?
thankx for any help! (:
Upvotes: 0
Views: 2176
Reputation: 1427
In jquery.horizontal.scroll.css there are some default styles defined, also witdth of carousel. You can override this styles with your own styles:
#horiz_container_outer {
width: auto;
}
#scrollbar, #track {
width: 100%;
}
That makes carousel to fit 100% width of the page.
You can also wrap it with div, to control its width easily. See my example http://jsfiddle.net/mattydsw/XKLEB/
Is it responsive in your definition or you meant something else?
Upvotes: 1