카드, 로고 또는 텍스트 marquee 로 사용 가능함

네스터블 슬라이더는 splide 써서 auto scroll extension 추가해야함
cdn 헤드에 추가하고, 자바스크립트로 auto scroll 추가하고 마운트해줘야하는데
코드 페이지내에 넣으면 작동 안함.
설정 > 커스텀코드 > footer 에 넣어줘야 함

<!-- splide slider  최신 옵션 사용때문에 최신판 -->
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
<link href="
https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css
" rel="stylesheet">

<!-- splide slider  autoscroll extension  -->
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-auto-scroll@0.5.3/dist/js/splide-extension-auto-scroll.min.js"></script>
<script>
<!-- splide auto scroll 은 설정 footer에 넣어야 실행됨 -->
document.addEventListener('DOMContentLoaded', function () {
 
  new Splide('#auto-slider', {
    type: 'loop',
     autoScroll: {
      speed: 1,
      pauseOnHover: true,
      pauseOnFocus: true,
    },
    }).mount( window.splide.Extensions );
});
</script>

이미지 9

이미지 8

이미지 7

이미지 6

이미지 5

이미지 4

이미지 3

이미지 2

이미지 1