Как установить высоту и ширину Fancybox в процентах с помощью динамического HTML?

Question

Я в настоящее время использую Fancybox 2.1.2 и хотел бы знать, как я могу создать наложение в своем веб-приложении. Я могу установить высоту и ширину всплывающего окна (обратите внимание ... это не iframe), и он будет настраиваться со статическими значениями, но я хотел бы установить высоту динамического значения, например, 80%. Однако я не могу заставить это работать. Когда я загружаю fancybox без установки высоты или ширины, я получаю этот маленький маленький лайтбокс, и он не переходит к значениям по умолчанию 600 пикселей для высоты и 800 пикселей для ширины. Это потому, что я добавляю в HTML для лайтбокса динамически через метод контента? Я также добавляю контент динамически после того, как лайтбокс будет загружен. Целью является создание полного наложения для моего приложения с установкой высоты в процентах.

Текущий код:

$.fancybox.open({ 
    'content' : '\ 
        <div class="light_box upload">\ 
         <div class="title">Your Photos of '+city+'</div>\ 
         <div>\ 
          <div class="uploadifive-queue" id="uploadifive-upload_photo-queue"></div>\ 
         </div>\ 
        </div>' 
}); 

И мой CSS является:

.light_box.upload{ 
    width: 980px; 
} 

Answer 1

Да, вы можете отключить "Авторазмер", а затем установить ширину, как "Авто":

$.fancybox.open({ 
    content : '<div id="test">Lorem ipsum dolor sit ame</div>', 
    autoSize : false, 
    width : "auto", 
    height : "80%" 
});​ 

См. В действии: http://jsfiddle.net/2VmrG/