Breaking News: Grepper is joining You.com. Read the official announcement!

Slick Slide with dynamic slides number

Ayub Shah answered on January 14, 2021 Popularity 9/10 Helpfulness 4/10

answer Slick Slide with dynamic slides number

related slick slider go to a particular slider

Slick Slide with dynamic slides number

Comment

 <span class="pagingInfo"></span>

<div class="slideshow">
  <div class="slide-placeholder"><p>Slide 1</p></div>
  <div class="slide-placeholder"><p>Slide 2</p></div>
  <div class="slide-placeholder"><p>Slide 3</p></div>
  <div class="slide-placeholder"><p>Slide 4</p></div>
</div>


<script>

    var $status = $('.pagingInfo');
    var $slickElement = $('.slideshow');

    $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
        var i = (currentSlide ? currentSlide : 0) + 1;
        $status.text(i + '/' + slick.slideCount);
    });

    $slickElement.slick({
        autoplay: true,
        dots: true
    });

</script>

Popularity 9/10 Helpfulness 4/10 Language html

Source: jsfiddle.net

Tags: dynamic html slick slide

Link to this answer
Share Copy Link

Contributed on Jan 05 2023

Ayub Shah

0 Answers Avg Quality 2/10

Closely Related Answers

slick slider go to a particular slider

Comment

$('#slider_selector_id').slick('slickGoTo', slide_number);

Popularity 10/10 Helpfulness 9/10 Language go

Source: stackoverflow.com

Tags: go g

Link to this answer
Share Copy Link

Contributed on Jan 14 2021

MD Redwan Hussain

0 Answers Avg Quality 2/10

slick slider slidestoshow auto

Comment

$('.single-item-rtl').slick({
  rtl: true
});

Popularity 10/10 Helpfulness 4/10 Language html

Source: kenwheeler.github.io

Tags: auto

Link to this answer
Share Copy Link

Contributed on Apr 28 2021

Embarrassed Echidna

0 Answers Avg Quality 2/10

Slick Slide with dynamic slides number

Contents

More Related Answers

Slick Slide with dynamic slides number

Closely Related Answers

slick slider go to a particular slider

slick slider slidestoshow auto

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.