Skip to content

Instantly share code, notes, and snippets.

@anwppro anwppro/slick_custom.html Secret
Last active Jul 3, 2019

Embed
What would you like to do?
Slick Example
<div class="anwp-b-wrap anwpfl-slick-wrapper mx-3">
<div class="anwpfl-slick--custom1 anwpfl-slick-scoreboard">
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
<div class="px-3 text-center"><img class="mx-auto" src="https://place-hold.it/50x80" alt=""><span class="d-block mt-2">Some Text</span></div>
</div>
</div>
<script>
(function ($) {
$(function () {
$( '.anwpfl-slick--custom1' ).slick({
infinite: true,
slidesToScroll: 1,
variableWidth: true,
arrows: true,
prevArrow: '<button type="button" class="anwpfl-slick-prev px-0 py-0"> &lsaquo; </button>',
nextArrow: '<button type="button" class="anwpfl-slick-next px-0 py-0"> &rsaquo; </button>',
});
});
}(jQuery));
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.