JS (3) 썸네일형 리스트형 swiper js 자동플레이가 잘 안될때 swiper js 사용하여 슬라이드를 자동플레이 하는데 슬라이드가 끝까지 가고 나서 처음으로 되돌아 와야 하는데 안되고 멈춰있는 경우가 있다. 기본적으로 swiper 설정시 loop: true 로 세팅하면 레이어 끝까지 가면 자동으로 처음으로 가서 플레이돼야 하는데 안 되는 경우가 있다. 이런 경우 인덱스가 바뀌는 이벤트에서 슬라이드가 끝까지 왔는지 체크 후 끝이면? 초 후에 슬라이드를 0번으로 변경한다. swiper js 카테고리별로 보여주는 방법은 아래와 같습니다. swiper js 카테고리별로 보여주기 swiper js 를 사용해서 slide 화면을 보여주는 경우가 많은데 세부 카테고리 버튼을 두고서 클릭시 해당 카테고리 slide 내용만 보여주는 방법 참고 : https://codepen.io/l.. swiper js 카테고리별로 보여주기 swiper js 를 사용해서 slide 화면을 보여주는 경우가 많은데 세부 카테고리 버튼을 두고서 클릭시 해당 카테고리 slide 내용만 보여주는 방법 참고 : https://codepen.io/lpla/pen/QWQErNr 전체 음료 빵 과일 콜라 햄버거 우유 커피 샌드위치 케익 사과 바나나 .cate { margin: 30px 0 0 30px; } .cate h1 { cursor: pointer; margin: 0 0 10px; } .cate h1.active { color: #174ec9; } .swiper-container { margin: 50px auto; width: 1000px; } .swiper-slide { text-align: center; } .swiper-slide img { m.. 마우스로 드래그 앤 드롭 (Sort) 마우스로 정렬 (Sort) JS로 마우스를 이용해서 드래그 앤 드랍 하는 방법 과 정렬한 순서를 얻어서 백엔드로 넘기기 전까지 과정 입니다. 개인적인 참고용이라 두서가 없습니다. 혹시 본다면 참고만 하세요. 데모 : https://jsbin.com/yunakeg/edit?html,css,js,output JS Bin Sample of the bin: jsbin.com 소스 : http://sortablejs.github.io/Sortable/ 이전 1 다음
