jQuery tooltip plugin - poshytip > script

jQuery 플러그인은 정말 많습니다. 많아서 좋기는 하지만 그중에서 상황에 맞는 좋은 플러그인을 찾기란 쉽지 않습니다.

저도 어제 툴팁 플러그인을 찾는데 많은 시간을 소모했습니다. 그리고 그중에서 개인적으로 제일 괜찮다고 생각하는 플러그인을 소개합니다.

제가 툴팁 플러그인을 찾아보면서 삼았던 기준은 세 가지 였습니다.

1. 툴팁을 다양한 위치에 표시할 수 있어야 한다.
2. 화면의 유동적인 변화에 대응할 수 있어야 한다.
   
3. 내용을 많아도 정상적으로 표시되어야 한다.

1번은 대부분의 툴팁 플러그인들이 가능했습니다.

하지만 2,3번은 제대로 대응하는 툴팁 플러그인을 찾기가 쉽지 않았습니다.

2번은 예를 들면 오른쪽에 표시하도록 했는데 사용자의 화면이 작아서 오른쪽에 표시할 수 없다면 위나 아래로 자동으로 이동되어야 하는데 대부분이 그냥 표시되어 브라우저에 스크롤이 생기게 하더군요.

3번은 그냥 div로 감싼다면 가능하지만 좀더 예쁘게 보이기 위해 이미지를 사용하는 순간부터 피곤해집니다.^^;; 이미지를 사용하게되면 대부분 이미지 사이즈에 종속적이 되어 버립니다. 그래서 툴팁의 사이즈가 고정이 되어버리는 경우가 많았습니다. 3번을 만족하는 예쁜 툴팁을 찾기가 정말 어려웠습니다.

하지만 http://vadikom.com/demos/poshytip/ 이 플러그인은 위 세 가지 조건을 다 만족하더군요.

그럼 이제 적용하러 고고싱~!