Question

我的页面有swf闪光灯，宽度为300x250

<div id="flashswf"> ...some flash </div>
<div id="maxme">full screen</div>

我有一个名为全屏的链接，我需要最大化flashswf div以适应当前浏览器的最大高度和宽度

使用jquery可以吗？任何想法PLZ

Answer 1

使用

$(window).width();

和

$(window).height();

获取窗口宽度和高度

$(function() {
    $("#maxme").click ( function() {
        $("#flashswf").width($(window).width());
        $("#flashswf").height($(window).height());
    });
});

参见 width() 和 height()

Answer 2

$( '#flashswf' ).css( { 
     'width': $( window ).width() + 'px', 
     'height': $( window ).height() + 'px'
} );

Answer 3

我相信你需要的部分是设置stage.scaleMode = StageScaleMode.NO_SCALE。否则，Flash会尝试从SWF文件维护设置。有关详细信息，请参阅documentation。

我抓住了这个example code from Adobe：

import flash.display.Stage;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;

var swfStage:Stage = videoScreen.stage;
swfStage.scaleMode = StageScaleMode.NO_SCALE;
swfStage.align = StageAlign.TOP_LEFT;

function resizeDisplay(event:Event):void
{
    var swfWidth:int = swfStage.stageWidth;
    var swfHeight:int = swfStage.stageHeight;

    // Resize the video window.
    var newVideoHeight:Number = swfHeight - controlBar.height;
    videoScreen.height = newVideoHeight;
    videoScreen.scaleX = videoScreen.scaleY;

    // Reposition the control bar.
    controlBar.y = newVideoHeight;
}

swfStage.addEventListener(Event.RESIZE, resizeDisplay);

Answer 4

这是可能的，但请注意，如果包含它的元素（或任何父元素）的样式发生更改，浏览器将重置Flash应用程序。

如果您需要维护应用程序的状态，例如，您可以将其放在宽度和高度为100％的3x3表格中间，然后操纵所有其他单元格的样式。

将Flash div调整为完整的浏览器高度和宽度？

4 个答案: