어디에다가 올려야할지 좀 헷갈려서, 그냥 여기에 올립니다.
에, 전에 Fancybox를 적용했는데요, 이미지 줌 이펙트는 제대로 되었는데 숨겨진 HTML컨텐츠 (youtube 동영상 임베딩이라던가 iframe이라던가)는 아무리 해도 잘 안되더라고요.
오늘 다시 시도를 해 봤는데, 하나 발견한게 코드가 이상하게 바뀐다는 것입니다.
우선 Fancybox 사이트에 나와있는 Example을 똑같이 카피해봤는데,
(skin.html의 head부분에 Fancybox관련 자바스크립트/스타일은 다 삽입되어있고, 아래는 본문에 html만)
<a id="custom_2" href="#testube" class="{frameWidth: 425, frameHeight: 355}"><img alt="" src="/img/examples/15_s.jpg" /></a>
<div style="display:none" id="testube">
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/-_jhdZoPW1Q&hl=en"></param><param name="wmode" value="transparent"></param>
<embed src="-_jhdZoPW1Q&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
</div>
이거입니다. 원래라면 비디오가 포함된 div는 display:none으로 숨겨져 있고, 위에 있는 그림 링크가 #testube로 연결되서 창이 떠야되는 건데...
위 코드를 글 작성 창에서 넣고 포스팅한 글에서 링크를 누르면 아무 일도 안 일어납니다.
제 스킨에 문제가 있는건 아닌가 해서 기본스킨에서도 시도해봤는데 역시 안됩니다..
display:none을 없애고 링크를 누르면 바로 밑에 있는 비디오 창으로 정상적으로 스크롤되긴 되는데...
대체 뭐가 문제일까요?
텍큐의 문제인가요? -_-;;