jQuery 를 공부하면서 자바스크립트가 어떤 언어인지 궁금했다. 이제 붙여넣기 신공에서 벗어나 jQuery 문법을 다루고 있으나 고 수준 영역에 다다르면, 답답한 심정이었다. 자바스크립트를 제대로 알고 있으면서 써먹는다는게 답답했고 행여나 내가 생산하는 코드에 쓸 모 없는 가비지가 생산되지는 않을까, 하는 답답함이었다. 그래서 자바스크립트를 어느정도 파해치고자 책을 하나 구입했다. 겉 보기에는 얇아 보였다. 헉… 그런데 엄청 두껍다. 오랜만에 구입해보는 두꺼운 도서… 읽기가 겁났지만 이제 시작해서 4장에 다다렀다. 근데 아직도 많이 남았다. 게다가 2권이다… 
그리고 구입한 또 하나의 도서. 한권으로는 뭔가 아쉬웠다. 뭔가 빠진게 있을거라는 생각에 구입했다. 아직까지는 초반을 읽어봤지만, 비슷했다. 그러나 몇가지 이익도 있었다. jQuery 로 인해 자바스크립트의 매력에 빠져 내 머리만 애쓴다. 하긴 내 머리가 자바스크립트의 매력에 빠지게 했지. 요즘들어 예전같은 학구열(?)이 생긴다. 그래서 그런지 컴퓨터를 하다가 삼천포로 빠지는 생각을 가지면 ‘아차!’ 하며, 구입한 책을 다시 살펴본다. 
내용 자세히 보기 – ‘새로 구입한 3권의 책들…’
Published on
2010/02/02 in
Music.
우연히 괜찮은 노래를 알게됐다. 무슨 드라마 같기도 하고 가수라면 이름도 모르고 그냥 좋기만 하다. 가창력도 좋지만 얌전하게 시작해서 점점 흐름을 타는 리듬감이 정말 좋다. 흡사 워크 투 리멤버 영화의 느낌이 다시 들었다. 수줍은 소녀에서 폭팔력 있는 가창력으로? 아무튼 너무 좋다. 
어떤 영화인듯 하다. 
jQuery 를 이용해 간단한 라이트박스 효과를 만들었습니다. 자바스크립트 코드는 짧습니다. 다 jQuery 덕분이죠. 도중에 순수 자바스크립트 명령어도 들어가지만, 무시하세요. 이번엔 설명보다 예제 페이지를 보여드리겠습니다.
예제: http://ipm.pe.kr/example/lightbox_clone.html
HTML 페이지 입니다. 투명효과를 깔아줄 디비전을 놓고 밑에 이미지를 넣어줄 디비전을 숨겨놓습니다. fancybox 소스를 봤습니다.
1
2
3
4
5
| <a href=""><img src="img/lightbox_clone1.png" alt="description" width="400" /></a>
<a href=""><img src="img/lightbox_clone2.png" alt="description" width="100" /></a>
<div id="opacity"><!-- opacity --></div>
<div id="popup"><!-- popup image --></div> |
CSS 페이지 입니다. 두 디비전은 초기에 숨김속성으로 뒤야합니다. 투명효과는 전 화면을 깔아줘야하므로 높이, 길이를 100%를 줍니다.
내용 자세히 보기 – ‘jQuery 를 이용해 라이트박스 만들기’
Comments