loading
본문 바로가기 메뉴 바로가기

노마드클래스

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

노마드클래스

검색하기 폼
  • 분류 전체보기 (71)
    • Review (2)
    • Cording (10)
      • React (0)
      • Next.js (0)
      • JS (1)
      • Redux (0)
    • 영실이's Today (2)
    • Tip (28)
    • Issue and Info (22)
  • 방명록
자바스크립트(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
이전 1 다음
이전 다음

Copyrights © 2024 All Rights Reserved by 노마드클래스

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다.
또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.

티스토리툴바