슬라이더를 공부중 질문을 몇개 올려서 답을 받았는데 그중에 "플러그인을 써라
어짜피 클릭안되면 소용없다" 라고 해서 그래도 플러그인을 사용해보기로 했다.
http://kenwheeler.github.io/slick/
이 두가지 플러그인을 추천받았다.
반응형에 최적화 되어있다고 설명해줬다.
오늘은 slick을 먼저 사용해보기로 했다.
css를 꾸미지 않고 넣어보았다.
작동은 잘된다.
CSS와 script 를 적용해준다.
CDN와 slick파일을 다운받아서 넣어줘야 적용한다.
slick 사이트를 방문하면 친절하게 설명이 되어있다.
순서대로 하면 작동이 된다.
위에는 slick을 사용할때 js에 설정할 수 있는것을 알려준다.
엄청 많은데 다 설명할 수는 없기에 일부분만 찍어서 올린다.
간단하게 4개만 적용해 보았다.
오토플레이 설정하고 버튼하고 순서를 확인할수 있게 옵션을 넣어보았다.
저렇게 나온다. 자기가 원하는데로 css를 수정해주면 된다.
볼 수 있게끔 올릴라 했더니 css부분이 적용이 안되서 그런지 작동은하는데 버튼하고 순서가 안나온다...
이 문제는 좀 더 만저봐야겠다.
링크:http://newlex0124.cafe24.com/test/jQuery/slick.html
@14일(목) - 문제점을 확인해 해결할라 했지만 다른 서버에서는 정상 작동을 하는데 까페24에 올리니 작동이 잘 안되는 부분이 있었다.
다른 방법으로 사용방법이 있는거 같다.
bxslider도 실험해 봤으나 bxslider도 까페24에서 작동을 안하는거 같다...
다른데로 옮겨야되나...
