Tiny-slider: Multi sliders with the same class name

Created on 22 Feb 2018 · 2Comments · Source: ganlanyuan/tiny-slider

When I put multi div with the same slider container class, it works for the first div only.
Not all DIVS becomes sliders.

duplicate

Source

elziny

Most helpful comment

Here is the solution for this issue:

const tnsCarousel = document.querySelectorAll('.tns-slider');
tnsCarousel.forEach(slider => {
      const tnsSlider = tns({
           container: slider,                   
      });
});

When I put multi div with the same slider container class, it works for the first div only.
Not all DIVS becomes sliders.

krzwt on 23 Oct 2019

👍5 👀1 ❤1 🎉1 😄1 👎1

All 2 comments

Same as #103

ganlanyuan on 22 Feb 2018

Here is the solution for this issue:

const tnsCarousel = document.querySelectorAll('.tns-slider');
tnsCarousel.forEach(slider => {
      const tnsSlider = tns({
           container: slider,                   
      });
});