JSFiddle

  • Slick carousel + custom ARIA pagination dots #22 is the latest revision

    Replacing the default dots <button> that comes by default with the jquery SLICK.

    $('.slideshow').slick({
        slide: 'img',
        autoplay: true,
        appendArrows: $('.slide-controls'),
        prevArrow: $('.slide-arrow.arrow-prev'),
        nextArrow: $('.slide-arrow.arrow-next'),
        appendDots: $('.slide-controls'),
        dots: true,
        dotsClass: 'custom-dots ...
  • Get Bootstrap Responsive Breakpoint on window resize

    Detect Bootstrap responsive grid breakpoints from CSS using JavaScript

    $(document).on('ready', function() {
    
                // get bootstrap grid breakpoint from css, repeat everytime window is resized
                getResponsiveBreakpoint();
                $(window).on('resize', function ...