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. 6. 8.
레이아웃의 다단을 100% 로 맞추기
레이아웃의 다단을 100% 로 맞추기 레이아웃을 구성 시 2단 또는 3단 이상의 다단을 구성할때 상위 Tag에 대해 가로 100%로 자동 맞춰지는 자바스크립트 입니다. 예를들어 만약 레이아웃을 4단으로 구성한다고 했을 때 3개의 단에 대해서는 px 또는 %로 고정값을 지정하고 나머지 하나의 단에 대해서만 .pct 클래스를 지정해 주면 `.pct’ 클래스가 자동으로 맞춰 줍니다. HTML 1단 2단 3단 4단 JAVASCRIPT $(function () { contentLayAutoWidth(); }); $(window).resize(function () { contentLayAutoWidth(); }); /* 레이아웃의 다단 단수를 100%로 채움 */ function contentLayAutoWidth..
