WEB/Javascript/jQuery 2015. 7. 31.
현재까지 가장 모던한 모바일 터치 슬라이더
현재 가장 모던한 모바일 터치슬라이더로 모바일뿐만아니라 일반 웹화면에서도 요긴하게 사용할 만한 플러그인입니다. 다양한 Swipe를 DEMO로 볼 수 있으며 쉽게 적용이 가능합니다. jQuery가 설치되어 있어야 하며 MIT라이선스를 가지고 있습니다. sds 홈페이지 http://www.idangero.us/swiper DEMO http://www.idangero.us/swiper/demos/ Install bower로 설치할 경우 bower install swiper 일반 사용법 css와 js를 임포트합니다. jquery를 사용하지 않는다면 swiper.min.js만 임포트하면되고 jquery를 사용한다면 jquery.js와 swiper.jquery.min.js를 임포트하면 됩니다. 아래의 Markup에..
WEB/Javascript/jQuery 2015. 7. 31.
스크롤에 따른 배경의 움직임 표현
최신의 홈페이지를 보면 화면을 스크롤 할 때 배경의 이미지가 스크롤에 비해 더 조금씩 움직임으로써 역동적으로 보이게 하는 기술을 볼 수 있습니다. javascript로 스크롤에 따른 CSS의 background-position을 조정하여 구현한 기능으로 기존에 jQuery를 이용한 플러그인이 있어 소개합니다. MIT라이선스를 가지고 있습니다. 홈페이지 https://github.com/pederan/Parallax-ImageScroll DEMO http://codepen.io/pederan/full/Hheuy Install bower로 설치할 경우 bower install Parallax-ImageScroll npm으로 설치할 경우 npm install parallax-imagescroll 일반 사용법 ..
