잡담소장소

fancy box 본문의 높이 가져오기 본문

Study ;3

fancy box 본문의 높이 가져오기

유부뽀 2013. 7. 9. 17:49


fancy box의 본문이 가변적일 때 높이를 그때그때 바꿔주기 위해서 코드를 추가하였다.


$.fancybox({
 'onComplete' : function() {
   $('#fancybox-frame').load( function() {
     var iframe_height = $('#fancybox-content').contents().contents().height();
     $('#fancybox-content').height( iframe_height);
     $.fancybox.center();
    }
  }
});

stack and overflow 에서 검색하다가 contents() 함수로 긁어오는 걸 봤는데 

거기선 contents().find('id') 이런식으로 찾아서 시도했는데 

내가 하면 안되서 한참 삽질하다가 #document 라고 되어있는 부분을 contents()로 다시 가져와야 하는 걸 알았다.


지금 내가 쓰는건 1.3 버전이라 그런듯..ㅠ_ㅠ

2.0 버전은 좀 더 낫겠지 흐규





fancybox는 jQuery와 달리 나중에 load되는 엘리먼트들의 id를 가져올 수 없다.

내부적으로 하드코딩 되어있는 애들을 긁어모아놓는 듯하다.


반응형

'Study ;3' 카테고리의 다른 글

javascript img resize  (0) 2013.07.17
javascript for/in 구문  (0) 2013.07.11
javascript date  (0) 2013.07.02
div 나누는 방법  (0) 2013.06.18
file 파일 사이즈 확인 및 삭제  (0) 2013.06.17
Comments