커피찬우유의 영화 다방

반응형 이미지 맵 제이쿼리 (jQuery-rwdImageMaps) 반응형에서 이미지 맵을 사용할 때 이미지의 비율로 줄어들어 이미지 맵을 사용하기 어려웠습니다. 하지만, 반응형 이미지 맵 제이쿼리만 사용하면 그런 걱정은 안해도됩니다.^^ 아래의 사용법 확인 후 적용 하여 사용해보세요. 사용 github url - https://github.com/stowball/jQuery-rwdImageMaps 사용 방법 - jQuery RWD Image Maps $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); 데모사이트는 아래링크로 확인해보세요 http://mattstow.com/experiment/responsive-image-maps/rw..

이벤트 중지시키는 방법 자바스크립트 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 자바스크립트 프로그래밍을 할 때 이벤트 중단을 위해 자주 사용되는 코드들이다. 이벤트 중단 시에 사용되는 방식에 대해서 간단하게 정리하면 아래와 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다. return false jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고, j..

날짜에 따라 변하는 이미지 제이쿼리를 사용하여 디데이 방식으로 6개의 이미지가 날짜에 따라 이미지 변경되도록 설정 하는 방법입니다. 자세한 사용방법은 아래 참고 부탁드립니다. // 날짜에 따라 변하는 이미지 function formatDate() { var today = new Date(); var inYear = 2019; var inMonth = 3; var inDate = 5; var stdDate = new Date(inYear,(inMonth-1),inDate); var gapDate = stdDate.getTime() - today.getTime(); var gapDay = Math.ceil(gapDate / (60*1000*60*24)); var gapImg = gapDay % 6; if(g..

slick 슬라이드 란? 반응형 슬라이드이며, 무료로 사용가능한 제이쿼리 슬라이드입니다. slick 슬라이드 적용 방법 CDN으로 사용 CSS JS 다운로드하여 사용 https://github.com/kenwheeler/slick/ 반응형 옵션 예시 Responsive Option Example $(".slider").slick({ // normal options... infinite: false, // the magic responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, infinite: true } }, { breakpoint: 600, settings: { slidesToShow: 2, dots: true } }, { breakpoint: ..

제이쿼리 이용한 가장 기본적인 메뉴입니다. 코드는 아래 참고 하셔서 보시면됩니다. 혹시 처음이신 분들이 어려우실까봐 작성해놨습니다. 감사합니다. Logo Menu1 Sub1-1 Sub1-2 Sub1-3 Menu2 Sub2-1 Sub2-2 Sub2-3 Menu3 Menu4 Sub4-1 Sub4-2 Sub4-3 Top Content 혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 구독과 좋아요 부탁드립니다. 감사합니다. 스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 스톤모두 모..