Wie setze ich Fancybox Höhe und Breite als Prozentsatz mit Dynamic HTML?

Ich bin derzeit mit Fancybox 2.1.2 und würde gerne wissen, wie kann ich ein overlay auf meiner web-Anwendung. Ich kann die Höhe und Breite des popup (Anmerkung... diese ist nicht in einem iframe) und es wird passen mit statischen Werten, sondern ich möchte in der Lage sein, die Höhe, um einen dynamischen Wert wie 80%. Ich kann nicht scheinen, um dieses zu erhalten, aber funktioniert. Wenn ich es lade fancybox mit keine Höhe oder Breite festgelegt ich bekommen diese wirklich kleine lightbox und es geht nicht um die default-Werte von 600px in der Höhe und 800px für die Breite. Ist das, weil ich bin das hinzufügen der HTML-Code für die lightbox dynamisch durch das content-Methode? Ich bin auch hinzufügen, die in Inhalt dynamisch nach der lightbox fertig ist laden. Das Ziel ist, erstellen Sie ein komplettes overlay für meine app mit der Einstellung der Höhe, die als Prozentsatz.

Der aktuelle code:

$.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>'
});

Und mein CSS ist:

.light_box.upload{
    width: 980px;
}
InformationsquelleAutor Jason Biondo | 2012-10-26
Schreibe einen Kommentar