본문 바로가기

제이쿼리 슬라이더

제이쿼리 반응형 슬라이드 (swiper) 제이쿼리 슬라이드 SWIPER는 IE10 이상을 지원하는 반응형 슬라이드 입니다. ​ ​ 사용방법 https://github.com/nolimits4web/swiper/releases 위 깃허브에 접속해서 최신버전 반응형 슬라이드 swiper 를 다운받습니다. ​ 파일을 다운로드하여 압축을 풀고 html에 연결합니다. css 파일과 js 파일은 pakage 폴더 안에있으니까 거기서 찾으시면 됩니다. Slide 1 slide 2 slide 3 slide 4 슬라이드 안에 내용은 swiper-slide로 감싸고 그 상위는 swiper-wrapper로 감싸고 제일 위에 swiper-container 로 감싸주세요. new Swiper('.swiper-container'); 마지막에 자바스크립트에서 swiper..
제이쿼리 슬라이드 (bxSlider) 제이쿼리 슬라이더 플러그인 bxSlider 사이트를 만들다 보면 기본적으로 많이 사용하는 이미지를 슬라이드 시키는 슬라이더나 메뉴, 레이어 팝업 등은 사용하는 플러그인들이 픽스가 되는데요~!! 오늘 부터 제가 자주 사용하는 플러그인들을 하나씩 소개해 드릴까 합니다. 먼저 소개해드릴 제이쿼리 플러그인은 슬라이더인데요~ bxSlider는 옵션도 깔끔하고 반응형으로도 확장이 가능해서 자주 사용하고 있습니다. bxSlider는 Steven Wanderski라는 분이 2014년에 제작한 제이쿼리 슬라이더로 http://bxslider.com 에서 자세한 설치방법과 markup을 확인하실 수 있습니다. (영어 울렁증 주의요망.. 또르르) 그럼 지금부터 사이트 가서 보기도 귀찮다~~ 싶으신분들을 위해서 하단에 플러그..