묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
마우스 오버시 작은 프리뷰 화면 만들기..
2003.02.08 12:19
대표적인 예가 제가 자주가는 http://www.xboxzone.co.kr 사이트 입니다.
http://www.xboxzone.co.kr/zeroboard/zboard.php?id=photo
리스트에나와있는 작은 그림들 위에 마우스를 가져가면 새로운 창이 하나 자그마하게 생기면서(마우스에
연결 되어있는 듯한 창입니다.) 확대된(?) 프리뷰가 나오거든요.
이런것은 어찌하면 만들수 있나요? 그냥 팝업창하고 틀린거 같은데...
http://www.xboxzone.co.kr/zeroboard/zboard.php?id=photo
리스트에나와있는 작은 그림들 위에 마우스를 가져가면 새로운 창이 하나 자그마하게 생기면서(마우스에
연결 되어있는 듯한 창입니다.) 확대된(?) 프리뷰가 나오거든요.
이런것은 어찌하면 만들수 있나요? 그냥 팝업창하고 틀린거 같은데...
프리뷰 할 이미지를 레이어에 담고 작은 이미지를 선택한 후 비헤이비어 창에서 show-hide layers 를 선택,
show선택합니다. 기본적으로 프리뷰 레이어는 visible이 hidden해야 합니다. 그래야 처음에는 안보이고 마우스 오버해
야 보이겠죠.. 비헤이비어 창에서 event를 onmouseOver로 하시면 됩니다.
아 참, onmouseOut이라고 하나더 해 주셔야 합니다. 액션은 비헤이비어 창에서 show-hide layers 를 선택, hide..^^
프리뷰창이 마우스움직임에 따라 움직이는 건...안해봤습니다....ㅎㅎ