Counter Slider Hack

This is a hack for make the Webflow Slider to have a counter.

It change the number if everytime the slide move or change.

<script src="https://cdnjs.cloudflare.com/ajax/libs/attrchange/2.0.1/attrchange.min.js"></script>

<script>

$(document).ready(function() {

  $('.w-slider-dot').attrchange({

    trackValues: true,

    callback: function(e){

       $('#slideCounter').text($(".w-slider-dot.w-active").index()+1);

     }

  })
 
 $('#slideTotal').text($('.w-slider-dot').length)

});

</script>

1
 / 
0
Home