Fancybox에 맞춤 HTML을 어떻게 추가합니까?

Question

사용자가 미리보기 이미지를 클릭 할 수있는 간단한 이미지 갤러리가 있으며 Fancybox가 풀 사이즈 이미지를 엽니 다. 잘 됐네. 이제 이미지를 아래쪽에 제목이있는 래퍼에 넣고 사진의 오른쪽에 주석을 달아서 (페이스 북을 생각해보십시오) 사용자 정의 HTML을 추가하고 싶습니다. 어떻게해야합니까? 나는 이것을 어떻게하는지 알아 내려고 몇 시간 씩 노력해 왔고, 내가 할 수있는 것은 Fancybox로 여는 원래 사진을 얻는 것 뿐이다. 나는 이런 식으로 뭔가를 찾고 있어요

$(document).ready(function() { 
    $(".fancybox-button").fancybox({ 
     padding  : 0, 
     prevEffect : 'none', 
     nextEffect : 'none', 
     closeBtn : false, 
     helpers : { 
      title  : { type : 'inside' }, 
      buttons  : {} 
     } 
    }); 
}); 

(마지막 줄에주의) :

$(document).ready(function() { 
    $(".fancybox-button").fancybox({ 
     padding  : 0, 
     prevEffect : 'none', 
     nextEffect : 'none', 
     closeBtn : false, 
     helpers : { 
      title  : { type : 'inside' }, 
      buttons  : {}, 
      html : {'<div>my custom html</div>'} 
     } 
    }); 
}); 

어떻게 이런 짓을 했을까

여기에 내가 사용하고있는 코드는? 이 demo

에서

Answer 1

봐 당신은 이런 식으로 뭔가를 찾고?

Answer 2

"facebook을 생각하는 사람"이라고 했습니까? 당신도 내 fancybox을 고려할 수있다 "라"페이스 북은 :

http://www.picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html

이

Answer 3

이 Fancybox 2에서 사용자 정의 HTML 팝업하기 위해 fancybox의 버전 2.x이 필요합니다 [이]

$.fancybox({ content: '<div>my custom html</div>' });