gpt4 book ai didi

javascript - 当指定更高的高度不起作用时,如何使 iframe 更高?

转载 作者:行者123 更新时间:2023-11-28 12:58:19 27 4
gpt4 key购买 nike

我有 318x424 的书籍封面图片,我想做的是指定一张图片,并在其下方添加一个文本链接。初始 src 是 about:blank,这样如果响应式设计不显示框架,它就不会占用用户带宽。

框架的 HTML 是:

<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>

JavaScript 是:

--编辑:更改代码以利用 Ian 的建议--

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

在 Firefox 和 Chrome 中发生的是,iframe 被赋予了一个与其中一张图片大小相同的插槽;可以向下滚动到下面的文本链接,但它位于首屏下方。

当指定了更多高度并且内容比图片高时,为什么 iframe 应该紧贴图片有什么想法吗?

--附加编辑--

一个包含 iframe 的主机页面位于 http://JonathansCorner.com/blacksmiths-forge/ .

访客 iframe 可以在 http://JonathansCorner.com/book_covers.cgi?width=318 看到.

最佳答案

已通过将以下行添加到 size_book_cover() 来解决此问题:

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

关于javascript - 当指定更高的高度不起作用时,如何使 iframe 更高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16360314/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com