Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Slick.js display current slide and total num of slides [duplicate]

I'm having trouble getting the current and total number of slides to display below a slick.js slideshow. Thanks for your help!!

$('.recipeThumbs').slick({
    dots: true,
    arrows: true,
    slidesToShow: 4,
    slidesToScroll: 4,
    infinite: true,
    responsive: [
    {
      breakpoint: 768,
      settings: {
        dots: false,
        arrows: true,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 2,
        slidesToScroll: 1
      }
    },
    {
      breakpoint: 480,
      settings: {
        dots: false,
        arrows: true,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    ]
  });
like image 678
vtj205 Avatar asked Sep 29 '22 10:09

vtj205


1 Answers

I actually found an answer to my question on another stackoverflow post. Here's a link to it :)

Slick.js: Get current and total slides (ie. 3/5)

like image 175
vtj205 Avatar answered Oct 07 '22 21:10

vtj205