Wie kann ich einen iframe vergrößern, wenn die Angabe einer höheren Höhe nicht funktioniert? - Javascript, CSS, Iframe

Ich habe Bilder mit Buchumschlägen 318x424, und was ich zu tun versuche, ist ein Bild anzugeben, darunter ein Textlink. Die anfängliche Src ist about:blank so dass es nicht erforderlich ist, die Benutzerbandbreite aufzuwachsen, wenn der Frame nicht durch das responsive Design angezeigt wird.

Der HTML-Code für den Rahmen lautet:

<div style="width: 0; text-align: center;">
<iframe id="slideshow" border="0" frameborder="0" frameborder="no"
style="display: none;" width="318" height="725"
src="about:blank"></iframe>
</div>

Das JavaScript ist:

--EDIT: Code geändert, um den Vorschlag von Ian zu nutzen--

function size_book_cover()
{
if (jQuery(window).width() > 1200)
{
if (jQuery(window).width() > 1300)
{
var width = Math.min(jQuery(window).width() - 1100, 318);
jQuery("#slideshow").attr("src", "/book_covers.cgi?width=" + width);
jQuery("#slideshow").css("width",  width + "px");
jQuery("#slideshow").css("right", jQuery(window).width() / 8);
jQuery("#slideshow").css("display", "block");
}
}
}

Was in Firefox und Chrome stattdessen geschieht, ist, dass der Iframe einen Slot mit der Größe eines der Bilder erhält. Der Textlink unten kann nach unten gescrollt werden, liegt jedoch unterhalb der Falzung.

Irgendwelche Ideen, warum ein iframe genau auf das Bild passen sollte, wenn mehr Höhe angegeben wurde und der Inhalt größer ist als das Bild?

--ZUSÄTZLICHE BEARBEITUNG--

Eine Host-Seite mit einem iframe ist um http://JonathansCorner.com/blacksmiths-forge/.

Der Gast-Iframe ist unter zu sehen http://JonathansCorner.com/book_covers.cgi?width=318.

Antworten:

Das Problem wurde behoben, indem size_book_cover () folgende Zeile hinzugefügt wurde:

            jQuery("#slideshow").css("height",  "575px");