[jQuery] 레이어 팝업으로 이미지를 띄울 때 이미지가 다 불러진 다음 이미지 사이즈를 계산해서 화면 정 중앙에 오게 하기

요약: $('.certainImage').bind('load', functionName); 형식의 코드를 사용하면 된다. fancybox 라이브러리는 강력한 이미지 갤러리 기능을 갖추고 있다. 그런데 ie6~8에서 화면이 로드되고 약 1~2초 정도 얼어 버리는 (프리징) 현상이 관찰됐다. 어차피 이미지를 확대해 보여 주는 기능밖에 없었기 때문에 fancybox를 제거하고 날코딩을 하기로 결정했다. 소요될 거라 생각한 시간은 대략 1시간이었다. … ▶전문 보기

[번역]jQuery는 플래시를 어떻게 없애고 있나 + jQuery 튜토리얼 & 플래시 애니메이션을 대체할 플러그인

How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations 위는 원문이고 아래는 제가 번역한 것입니다. 의역이 많이 있으니 정확하게 보고 싶다면 원문을 보세요. -------- 번역 시작 ---------- 1996년에 매크로미디어가 플래시라고 불리는 제품을 내놨다. 이건 벡터 기반 애니메이션 플랫폼이었다. 플래시로 웹디자이너들은 시간순으로 흐르는(using a timeline) 애니메이션과 비디오로서의 … ▶전문 보기

[번역] 아름답게 jQuery 엘리먼트 생성하기 Beautiful Element Creation with jQuery

원문은 Beautiful Element Creation with jQuery 입니다. 엘리먼트(요소), 파라미터(매개 변수), 어트리뷰트(속성), 오브젝트(객체)는 그냥 번역하지 않고 사용했습니다. <div class="thisClass"></div> 위 코드에서 div를 엘리먼트라고 합니다. class가 어트리뷰트고, thisClass는 value라고 하죠. 파라미터는 변수예요. 변수 모르시는 분은 없겠죠? var name = "철수" 할 때 name이 변수죠. 오브젝트는 … ▶전문 보기

jQuery를 이용해 스크롤바 따라다니는 레이어 만들기(IE6,IE7,IE8,크롬,사파리,파폭)

영어지만 잘 설명된 글이 있다 : position:fixed for internet explorer 원리 설명이 잘 돼 있는 듯하다. 그리고 관련 토론은 여기서 볼 수 있다 : 떠다니는 레이어, 그 표준은? 아래는 내가 구현한 것이다. $(document).ready(function(){ var currentPosition = parseInt($(".float").css("top")); $(window).scroll(function() { var position = $(window).scrollTop(); // 현재 스크롤바의 위치값을 반환합니다. … ▶전문 보기

[소개]스티브 잡스, “플래시에 대한 생각”

애플 포럼에서 재밌는 글을 발견했습니다. 구글에서 "스티브 잡스 플래시"로 검색하니까 제일 위에 뜨더군요.여기 요약만 하죠. 원본은 링크합니다 : 이건 번역 원문 스티브 잡스, "플래시에 대한 생각"  / 영어 원문은 여기 Thoughts on Flash)날짜를 보니 2010년 4월이네요. 애플 홈페이지에 떠 있습니다.아래는 요약입니다.애플이 폐쇄적이라고? 그런 부분도 있다. 하지만 플래시도 폐쇄적이다. … ▶전문 보기

[jQuery] input에 숫자만 입력받기

[알림] jQuery 플러그인도 있더라. iMask라는 놈이다. (2011-08-19 추가) 정확히 아래 코드를 복사해서 사용하면 된다. 이건 뭐, 열라 헤매다가 이 코드를 만나니 허무해 진다. 단, 주의할 점이 있다. 한글은 입력이 된다 ㅡㅡ;; 그래서 내 경우 isNaN 함수로 최종 검사를 한 번 더 수행해 줬다. <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('.quantity').keypress(function(event){ … ▶전문 보기

[jQuery] 테이블 정렬(과 페이지 나누기) 플러그인 tablesorter (and pager) plugin 사용해 보기

《jQuery 1.3 - 작고 강력한 자바스크립트 라이브러리》에는 다양한 플러그인이 소개돼 있다. 그 중에 tablesorter를 사용하기로 했다. table에 정확히 사용할 수 있고, 그냥 적용만 하면 알아서 되기 때문이었다.일단 예제 코드를 포함한 풀 패키지를 다운로드받는 게 편하다. 다운로드 페이지로 가서 필요한 것만 다운받을 수도 있겠다.기본 코드는 아래가 전부다.$('table').tablesorter()당연히 … ▶전문 보기