3d슬라이드2 (웹) 자바스크립트로 무한 슬라이드 만들기 (매우간단/ 상세 설명) 무한 슬라이드 만들기 포스팅 요약 1. 결과 영상 2. 코드 3. 동작 원리 4. 깃허브 코드 5. 참고 링크 (일반 슬라이드, 3d슬라이드) 결과영상 * 안되시는 분들은 댓글에서 물어보셔도 됩니다 :) * 댓글에 남긴 메일로 압축파일 보내신 후 물어보셔도 됩니다 :) 코드 main.html ⟨ ⟩ JS/slideShow.js let slides = document.querySelector('.slides'); let slideImg = document.querySelectorAll('.slides li'); currentIdx = 0; slideCount = slideImg.length; prev = document.querySelector('.prev'); //이전 버튼 next = document... 2021. 8. 4. (웹) 회전형 슬라이드/3D 슬라이드 만들기: swiper 사용법 (상세설명) 회전형 슬라이드 만들기 포스팅 요약 1. 최종 완성 작품 2. swiper 사용해서 3D 슬라이드 만드는법 3. 3D슬라이드 만든 전체 코드 4. 3D슬라이드 코드 다운받을 수 있는 깃허브 주소 더보기 API를 사용해서 회전형(?) 슬라이드를 만드는 법을 알려드리려고 합니다. 아마 포스팅을 다 보고 나시면, API를 사용해서 회전형 슬라이드 뿐만이 아니라 여러가지 재미있는 효과를 정말 간단하게 구현할 수 있습니다. 1. swiper사이트 접속 1. 아래 링크를 클릭하여 접속합니다. https://swiperjs.com Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hard.. 2021. 7. 19. 이전 1 다음
