반응형 slick slide2 [slick] slick 슬라이드 (+progress bar) slick 슬라이드에서 slide-progress bar는 다음슬라이드로 넘어가기전까지 width:100%을 향해 간다. (위 움짤에서는 하단에 노란색으로 progress가 있는데 색조합을 잘못해서 잘안보인다ㅠ) var 변수로 sliderTimer 를 빼줘야하고, autoplaySpeed: sliderTimer 옵션을 따로 추가해야한다. 아침 식사 대응으로 구입했습니다. 아침에 식사 대용으로 구입하였습니다. 아침 식사 대응으로 구입했습니다. 아침에 식사 대용으로 구입하였습니다. 아침 식사 대응으로 구입했습니다. 아침에 식사 대용으로 구입하였습니다. 아침 식사 대응으로 구입했습니다. 아침에 식사 대용으로 구입하였습니다. 아침 식사 대응으로 구입했습니다. 아침에 식사 대용으로 구입하였습니다. 아침 식사 대응.. 2020. 7. 28. [slick] slick 슬라이드 row html 구조 순서대로 이미지1 -> 이미지2 -> 이미지3 ->이미지4 > 이미지A -> 운동시설B -> 이미지C ->이미지D 입니다. 이미지로 넣었으면 중간에 구간 식별이 더 쉬었을텐데 이미지대신 배경 핑크색을 넣어서 중간 구별이 안가는것 같아 글씨를 추가했습니다. slick slide 옵션 rows : 2 -> 세로로 2줄 slidePerRow:3 -> slidesToScroll 과 같은 옵션인것 같다. ( slidesToShow: 3, -> 보여지는 슬라이드 갯수 slidesToScroll: 3 -> 스크롤 넘겼을때 넘어가는 슬라이드 갯수 ) arrows -> 이전/다음버튼 추가 dots -> 페이징 버튼 infinite -> 슬라이드 갯수에 상관없이 무한반복 $(document).ready(fu.. 2020. 7. 17. 이전 1 다음 반응형
