html BX滑块

Posted 2021-05-10

if ($('*').is('#technology-stack-slider')) {
        $('#technology-stack-slider').bxSlider({
            wrapperClass: 'bx-slider-wrapper technology-stack-slider-wrapper',
            mode: 'horizontal',
            infiniteLoop: false,
            pager: false,
            nextText: '<i class="material-icons">navigate_next</i>',
            prevText: '<i class="material-icons">navigate_before</i>',
            nextSelector: '.technology-stack-arrow-next',
            prevSelector: '.technology-stack-arrow-prev',
            minSlides: 1,
            maxSlides: 2,
            slideWidth: 335,
            moveSlides: 1,
            hideControlOnEnd: true
        });
    }

<ul id="technology-stack-slider" class="technology-stack-slider">
  <li class="technology-stack-slide">
  </li>
  <li class="technology-stack-slide">
  </li>
</ul>