1

주제: FancyBox로 숨겨진 HTML 컨텐츠 표시

어디에다가 올려야할지 좀 헷갈려서, 그냥 여기에 올립니다.

에, 전에 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을 없애고 링크를 누르면 바로 밑에 있는 비디오 창으로 정상적으로 스크롤되긴 되는데...

대체 뭐가 문제일까요?
텍큐의 문제인가요? -_-;;

kimatg (2009-01-02 01:35:19)에 의해 마지막으로 수정

2

답글: FancyBox로 숨겨진 HTML 컨텐츠 표시

embed 와 object 코드의 문제인것 같습니다.
음.. 이걸 어찌 설명해야할런지.
기본적으로 텍스트큐브 관리자에서 글쓰기상에서 오브젝트 삽입 버튼이 있습니다.
그 삽입버튼을 눌러보시면 기본적으로 삽입되는 코드 형식이 있는데 그 코드 이외의 속성들은 제외되는 현상이 있었는데
아마, 그런 문제에 접하게 된게 아닌가 싶습니다.
간단히 저 코드를 직접 html모드에서 넣어둔 상태에서 html체크 해제 후 다시 html로 가서 보시면
코드가 변경되어있는지의 여부만 확인해도 답이 될것 같습니다.

LonnieNa (2009-01-02 08:33:38)에 의해 마지막으로 수정

텍스트큐브를 이용하시다 불편하신 점 있으시면 아래로 연락주세요.
Needlworks/TNF - LonnieNa
nateon : y12x2 (a.t) nate.com / mail : lonniena (a.t) needlworks.org
http://twitter.com/@textcube