1

現在 Fancybox 2.1.2 を使用していますが、Web アプリケーションでオーバーレイを作成する方法を知りたいです。ポップアップの高さと幅を設定できます (注... これは iframe ではありません)。静的な値で調整されますが、高さを 80% のような動的な値に設定できるようにしたいと考えています。私はこれを機能させることができないようです。高さや幅を設定せずに fancybox をロードすると、この非常に小さなライトボックスが表示され、高さが 600px で幅が 800px のデフォルト値になりません。これは、コンテンツ メソッドを使用してライトボックスの 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;
}
4

1 に答える 1

18

はい、「autoSize」をオフにして、幅を「auto」に設定できます。

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

実際に見てください：http://jsfiddle.net/2VmrG/

于 2012-10-26T09:32:13.767 に答える