[해피CGI][cgimall] Thumbnail Effect With Zoom And Sliding Captions(jQuery)

이미지 위에 마우스를 오버하면

이미지를 마치 썸네일 이미지를 생성해서 보여주는 듯한
효과를 jquery 를 통해서 구현한 스크립트입니다.


다운로드 받은 압축파일을 해제해서
index.html 을 웹브라우져로 열어보시면 확인이 가능합니다.




이미지들 위에 마우스를 오버하면




이미지 하단에 캡션이 위로 올라오면서 표시되게 됩니다.

그 과정에서 원본 이미지가 마치 확대되는 효과가 생기는데,



위와 같은 이미지가



슬쩍 확대되어서 보여지면서,
하단에 이미지의 설명 부분이 나타납니다.

비교적 단순한 구조여서
웹사이트의 메뉴나 배너등을 위해서 사용하기는 괜찮을듯 하네요.

출처는
http://www.htmldrive.net/items/show/479/Thumbnail-Effect-With-Zoom-And-Sliding-CaptionsjQuery-

입니다.