Search code examples
carouselfancyboxthumbnails

How to make multiple Fancyapps Carousel Thumbnails on same page?

How do I create multiple carousel thumbnails on the same page using Fancyapps Carousel Thumbnails?

I see examples below but I am unable to add a second set of carousel thumbnails on same page. When I try to add a second carousel/thumbnails with a different ID, it does not show up.

Source: https://fancyapps.com/carousel/plugins/thumbs/

Example provided by Fancyapps: https://jsfiddle.net/mehfxnd9/

does it have to do something with this code?

getElementById("myCarousel")
Solution

  • Simply use different values for id attribute, for example, <div id="myCarousel1" ..., <div id="myCarousel2" ... and then use selector that returns your elements, like getElementById("myCarousel1"), getElementById("myCarousel2"), etc