CODEWITHSUNDEEP
javascriptjqueryhtmlslidercarousel
junedchhipa
junedchhipa

Reputation: 5607

jQuery slider carousel with multiple images (prev/next) in slideshow?

I am looking for someone to suggest a good jQuery carousel plugin with thumbnails below and larger version of those thumbnails above it. There are many jQuery carousels with an option for slideshow along with thumbnails, but what I need is, 3 images to be visible in the slideshow. Prev image of "current slide" and Next image of "current slide". So when the user clicks a thumbnail, it also slides the above slideshow with 3 images. enter image description here

Any ideas how to implement with an existing jquery carousel plugin? I guess, a multiple carousel with "sync" feature? Anything else?

I came across FlexSlider and it has option for Slideshow with thumbnail carousel. FlexSlider with thumbnail carousel It automatically adds a "flex-active-slide" to the slideshow image. I decided to make visible the prev and next images depending on the "flex-active-slide", so it shows 3 images in 1 scroll. But, when I change the width of each slideshow, "flex-active-slide" is not added. This makes it difficult to determine the prev/next slide which I want to show along-with. I have tried other carousels like CarouFredsel, but couldn't find a solution.

Upvotes: 3

Views: 10416

Answers (2)

junedchhipa
junedchhipa

Reputation: 5607

Swiper is the closest implementation for such a use-case. http://idangero.us/swiper/

Upvotes: 0

Jack
Jack

Reputation: 1941

I found one which seems to be what you're looking for, except the smaller thumbnails are above the main-image as-opposed to below by default so you may have to modify the code slightly.

Found out more here:

Markup page
Demo

Upvotes: 0

Related Questions