오늘은 페이지네이션때문에 애먹던 슬라이드배너를 완성했기때문에... 간단한 슬라이드제이쿼리를 하나 소개해 드리겠습니다. Ulslide 인데요, 적용시키면 아래 이미지처럼됩니다. 우측 상단에 동그라미 세개가 페이지네이션인데, 각각의 이미지가 슬라이드되면서 활성화되면 해당 페이지네이션(회색동그라미)이 흰색으로 바뀌어야되는데 이게 잘안되더라구요.. 검색하다가 방법을 알아내어 해결했습니다. 그럼, 소스나갑니다. 우선 jquery를 선언하고 아래의 js파일(첨부파일다운받으세요.)을 불러줍니다. jquery.ulslide.js 대게 head태그안에 삽입합니다. ? 1 2 3 js파일을 불러오는(위 소스중 두번째줄) 경로는 파일을 삽입한 경로로 수정해주시면 됩니다. 다음으로 html소스입니다. ? 1 2 3 4 5 6..

안녕하세요 쿠폰파파입니다! 오늘은 Javascript (자바스크립트) 로 개발을 하는 분들이 코딩 컨벤션을 위해 쉽게 사용할 수 있는 ESLint (ES린트) 에 대해 설명을 드리려고 합니다!코딩컨벤션코딩컨벤션은 개발자들이 코드를 작성할 때 코딩 스타일을 제시하는 가이드라인 입니다. 코딩컨벤션의 장점은 (1) 버그를 줄이고 (2) 유지보수가 원활하며 (3) 가독성을 높여줍니다. 각 회사별로 컨벤션을 정하는 경우도 있고 파이썬과 같이 공식 컨벤션을 정해서 사용하는 경우도 있습니다. 큰 회사들 또는 스타트업들은 대부분 컨벤션이 정해져있지만 작은 스타트업들의 경우 컨벤션이 정해져 있지 않는 경우도 많습니다. 그러다보니 각자의 스타일에 따라 코딩을 하게 되고 문법도 맞지 않아 추후 신규 개발자가 들어오거나 협업..

Lorem ipsum dolor sit ametCopy to Clipboard window.Clipboard = (function(window, document, navigator) { var textArea, copy; function isOS() { return navigator.userAgent.match(/ipad|iphone/i); } function createTextArea(text) { textArea = document.createElement('textArea'); textArea.value = text; document.body.appendChild(textArea); } function selectText() { var range, selection; if (isOS()) { ran..

주차가능 여부 주차가능 주차불가 주차가능 대수 1대 2대 3대 4대 5대 주차가능 대수 불가 function showParkings(id, text, btn) { console.log('parkings'); document.getElementById(id).style.display = 'block'; // hide the lorem ipsum text document.getElementById(text).style.display = 'none'; // hide the link btn.style.display = 'none'; }

[추천]Jquery 링크 모음 jQuery Grid Plugin http://www.trirand.com/blog/?page_id=6 (*******)팬시박스 http://fancy.klade.lv/ (****)디자이너를 위한 jquery http://www.webdesignerwall.com/demo/jquery/(****)그리드 http://www.reconstrukt.com/ingrid/example2.html AutoScroll http://jdsharp.us/jQuery/plugins/AutoScroll/demo.php (****) drag and drop http://host.sonspring.com/dragdrop/ (***) http://www.mootools.net/ (자바스크립트 프레임..

var page = 1; $(window).scroll(function() { if ($(window).scrollTop() == $(document).height() - $(window).height()) { console.log(++page); $("#enters").append("Page " + page + " So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ So MANY BRS YEAHHH~ ..