Created
November 15, 2018 03:41
-
-
Save DevShahidul/54e7115ce30d4fa15ddac003aa4bdec8 to your computer and use it in GitHub Desktop.
See the example on Ramzy ride project
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Slider counter structer --> | |
<div class="slide-count-wrap trck-count"> | |
<div class="prev"></div> | |
<div class="next"></div> | |
<span class="current"></span> / | |
<span class="total"></span> | |
</div> | |
<script> | |
function carousel_features(){ | |
//var slideCount = null; | |
var totalSlideNumber = 0; | |
$('#carousel-features .carousel-thumb').each(function(i){ | |
totalSlideNumber = i + 1; | |
totalSlideNumber < 10 ? totalSlideNumber = '0' + totalSlideNumber : totalSlideNumber; | |
}); | |
$('.trck-count .current' ).text('01'); | |
$('.trck-count .total' ).text(totalSlideNumber); | |
} | |
carousel_features(); | |
$('#carousel-features').on('beforeChange', function(event, slick, currentSlide, nextSlide) { | |
var getNumber = nextSlide + 1; | |
getNumber < 10 ? getNumber = '0' + getNumber : getNumber; | |
$('.trck-count .current' ).text(getNumber); | |
}); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment