[자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경

이번 포스팅은 이전 4번의 포스팅으로 마무리 지었던 소스에 몇가지 기능을 더 추가한 버젼입니다. 멋지게 표현하면 스핀오프 시리즈라고 할까요? ^^

상세보기에서 이전글/다음글을 볼 수 있는 기능과 썸네일 보기에서 핸들을 잡고 움직이면 콘텐츠가 움직이는 기능입니다.

모두 제가 이전에 포스팅 했던 소스들을 그대로 사용을 했으며 따로 보시길 원하시면 WEB > Javascript 카테고리에 보시면 있습니다. 혹시 모르니 제일 아래쪽에 링크도 쏴 드리죠. 결코 조회수를 늘리기 위함이 아닌... 하하하;;;

자 이제 미리보기를 통해 사용할만 하신지 확인해 보세요.

데모 실행해보기(실제 작동되는 예제입니다. 리스트/상세/썸네일 보기를 클릭해 보세요. 이미지는 깨질 수 있습니다.)

원래는 width가 935 픽셀이였는데 블로그에 맞추다 보니 UI가 좀 안 이쁘게 되었네요. CSS를 수정하셔서 각 환경에 맞게 WIDTH를 수정해서 사용하시면 될 것 같습니다.

소스는 이전 포스트 링크 아래 첨부 하겠습니다. 즐프 하세요~~

[javascript] AJAX 기본으로 쓰기 (0)	2011.01.19
[자바스크립트] 숫자에 콤마 붙이기 (0)	2011.01.19
[자바스크립트] Apple.com의 슬라이드 갤러리 (4)	2011.01.14
[자바스크립트] 탭 메뉴 만들기 (84)	2010.12.29
[자바스크립트] 이미지 슬라이드 (37)	2010.12.29
[자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - #4 (0)	2010.12.27
[자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - #3 (0)	2010.12.22
[자바스크립트] JSON 데이터를 이용한 컨텐츠 노출 스킨 변경 - #2 (6)	2010.12.20

즐거움을 찾자 Find Fun!!