자바스크립트(javascript) 로 슬라이더(carousel slider) 만들기
안녕하세요. 코딩하는 영실이입니다! 오늘은 오랜만에 코딩에 대해서 포스팅해보겠습니다. 오늘은 순수 자바스크립트(javascript) vanillaJS 로 버튼으로 무한 슬라이드가 가능하고 오토플레이 멈춤 동작도 가능한 슬라이더(carousel slider)를 한 번 만들어보겠습니다. 오늘 만들 내용은 제 github 에 있으니 코드를 활용하고 싶은 분들은 https://github.com/gustn1029/slide 여기에서 확인하시면 됩니다~ 먼저 실제 visual 영역에서 사용할 때를 가정해서 이미지와 문구를 넣고 슬라이드를 만들었습니다. 먼저 visual_wrap 으로 감싸서 width 를 결정하고 slide_wrap 을 통해 슬라이드 되는 영역을 overflow: hidden 해주었습니다. 그리고..
Cording/JS
2021. 7. 20. 15:16