자바스크립트 플러그인 (2) 썸네일형 리스트형 자바스크립트/제이쿼리 플러그인 'swiper' 사용법 내가 직접 자바스크립트를 짜서 슬라이드를 만들 수도 있지만 잘들어진 플러그인을 활용하면 시간 절약도 되고 아주 우용하다. 우선 SWIPER 는 터치 슬라이드가 가능한 슬라이드 플러그인이다. 사용방법이 간단하고 웹사이트가 정리되어있지만 그래도 내가 필요한 부분만 정리해보려고 한다. 설치방법 다운 받아서 파일을 업로드 OR CDN를 연결시킴 (다운 받는건 귀찮아서 항상 CDN를 쓴다ㅎㅎ) CDN 연결 방법 위 코드를 헤드에 넣어준다. Slide 1 Slide 2 Slide 3 ... 필요하지 않는 부분은 지워주면된다. ( 스크롤바는 사용하지 않아 swiper-scroller의 div를 삭제 ) 자바스크립트로 실행시킬때 ... 제이쿼리로 실행시킬때 $(document).ready(function () { //.. [워드프레스] 제이쿼리/자바스크립트 사용하기 초반에는 워드프레스에서 제이쿼리 사용할때, 워드프레스에서 사용하는 방법을 잘몰라서 웹사이트가 난리가 나곤 했던것 같다. (CDN를 이상한데 넣었다가 오류를 뿜었던듯 하다. ) 워드프레스 제이쿼리 사용하기 방법01. 워드프레스는 기본적으로 제이쿼리 CDN를 내장하고 있어 따로 삽입할 필요가 없다. 워드프레스 아닐때 ▶ - 제이쿼리(jQuery) CDN연결 방법 방법02. 페이지에 직접넣기보단 스크립트 삽입 플러그인 사용을 추천 (페이지에 직접 RAW JS로 넣으면 잘 될때도 많은데 간혹 안될때가 있다. ) 추천플러그인 사용법 ▶ - 워드프레스 플러그인 Simple CSS and JS 제이쿼리 설치 여부 확인 방법 워드프레스에 제이쿼리가 내장되어 있기 때문에 CDN를 삽입하지 않아도 되지만, 그래도 설치되어.. 이전 1 다음
