getting swffit to fill browser...
19 views
Skip to first unread message
Rach
May 27, 2011, 12:01:51 PM5/27/11
to SWFFit
Hey all.
I have a swf file that is 1024 wide by 768 tall. Optimally, I would
like the swf to fill the entire browser, but when I enter the code
verbatim, just as a test, from two sites which execute exactly what
I'd like, (one of which is here: http://www.ilys.be/) my swf stops
short of filling up the browser window when the browser is large, and
any area of the browser that is not filled with the swf goes to
white. Essentially, it is a large image (from my swf slideshow file)
flanked on the left and right by white space where the image doesn't
extend. I'm going to been annoying and paste the code... would
someone mind taking a peek to make sure I am executing this correctly?
Both swfobject.js and swffit.js are stored in my root folder:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Entry</title>
<script type="text/javascript" src="source/swfobject.js"></script>
<script type="text/javascript" src="source/swffit.js"></script>
<script type="text/javascript">
var attributes = {};
attributes.id = "content";
attributes.name = "content";
swfobject.embedSWF("entry.swf", "content", "100%", "100%", "9.0.0",
"js/expressInstall.swf");
swffit.fit("content",1024,768);
</script>
<style type="text/css" media="screen">
#content {visibility:hidden;position:absolute; width:100%; height:
100%}
#content object {position:absolute}
</style>
</head>
<body style="height: 100%; padding: 0pt; margin: 0pt;">
<object id="content" height="100%" width="100%" type="application/x-
shockwave-flash"
data="entry.swf" style="visibility: visible; width: 100%; left: auto;
margin-left: 0pt;
height: 768px; top: auto; margin-top: 0pt;">
</object>
</body>
</html>
I have a swf file that is 1024 wide by 768 tall. Optimally, I would
like the swf to fill the entire browser, but when I enter the code
verbatim, just as a test, from two sites which execute exactly what
I'd like, (one of which is here: http://www.ilys.be/) my swf stops
short of filling up the browser window when the browser is large, and
any area of the browser that is not filled with the swf goes to
white. Essentially, it is a large image (from my swf slideshow file)
flanked on the left and right by white space where the image doesn't
extend. I'm going to been annoying and paste the code... would
someone mind taking a peek to make sure I am executing this correctly?
Both swfobject.js and swffit.js are stored in my root folder:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Entry</title>
<script type="text/javascript" src="source/swfobject.js"></script>
<script type="text/javascript" src="source/swffit.js"></script>
<script type="text/javascript">
var attributes = {};
attributes.id = "content";
attributes.name = "content";
swfobject.embedSWF("entry.swf", "content", "100%", "100%", "9.0.0",
"js/expressInstall.swf");
swffit.fit("content",1024,768);
</script>
<style type="text/css" media="screen">
#content {visibility:hidden;position:absolute; width:100%; height:
100%}
#content object {position:absolute}
</style>
</head>
<body style="height: 100%; padding: 0pt; margin: 0pt;">
<object id="content" height="100%" width="100%" type="application/x-
shockwave-flash"
data="entry.swf" style="visibility: visible; width: 100%; left: auto;
margin-left: 0pt;
height: 768px; top: auto; margin-top: 0pt;">
</object>
</body>
</html>
Reply all
Reply to author
Forward
0 new messages