SWF缩放和定位,宽度100%,高度自动调整

时间:2011-02-01 17:58:22

标签: javascript jquery flash scaling

我正在尝试让SWF在浏览器中填充100%的宽度,并自动调整高度,以便在必要时滚动页面。我尝试过以下方法:

<object width="100%" height="auto" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="map">

以及:

<object width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="map">

第一个只是将SWF调整为200乘200px(不完全确定原因),第二个按预期工作,但显然只填充高度的100%。我想,例如,600px x 1000px SWF填充宽度,并保持高度的纵横比。要查看SWF的底部,应强制用户滚动。

1 个答案:

答案 0 :(得分:2)

我设法找到了解决方案。既然我知道我的SWF的大小,而且我不需要让它充满活力,我已经完成了以下工作(感谢你的灵感jpea):

// resize the flash DIV for the window width
$("#map").css("height", $(window).width());

// add listener to resize flash on window resize
$(window).resize(function() {
    $("#map").css("height", $(window).width());
});

我的SWF是正方形的。显然,如果它有不同的宽高比,我只需在$(window).width()之前添加一个乘法器。