Fill browser - full screen
While playing with a project, I created an image I want to be the background and fill the browser with the swf centered. So the background image I could apply to the html file through css and it would fill the browser. However in catalyst, I am unable to set the background alpha to 0. It requires a color.
So how would go about using a graphic for a background that fills the browser and center the rest of the content? Is this something I would need to finish off in flex? Whats the best practice? Thanks!
David
I did the same thing here's the code - just replace the image and the swf:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Your title here</title>
<style type="text/css">
<!--
#main {
background-image: url(YourBackgroundImageHere.gif);
background-repeat: no-repeat;
background-position: center center;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" id="main"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="500">
<param name="movie" value="YourFancySWFHere.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="fla/layoutCatalystC2/run-local/Main.swf" width="960" height="500">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>
Similar Messages
-
With browser bars becoming so cluttered, I have been researching a way to initialize the browser full screen (like pressing f:11). This would allow us to display images and artwork in an unfettered manner.
Pretty naive, I think.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Steven Lyons" <[email protected]> wrote in
message
news:e6apl0$oou$[email protected]..
> Don't mind the curmudgeons...
>
>
> <script language="JavaScript"
type="text/javascript">
> function maximizeWindow( ) {
> var offset = (navigator.userAgent.indexOf("Mac") != -1
||
> navigator.userAgent.indexOf("Gecko") != -1 ||
> navigator.appName.indexOf("Netscape") != -1) ? 0 : 4;
> window.moveTo(-offset, -offset);
> window.resizeTo(screen.availWidth + (2 * offset),
> screen.availHeight + (2 * offset));
> }
> maximizeWindow();
> </script>
> -
Why doesn't the browser have a full screen option/shortcut? Or work in the same way scrolling in the hub is, where the bottom bar disappears when you scroll down. This helps maximize the limited screen space.
Also, "flow" could be utitlized in the browser, where swiping right or left would be equivalent to "back" and "forward".
Another improvement would be the ability to change the aspect ratio of videos to 1:1 so that you watch the video zoomed in to fill the entire screen. Similar to the way videos recorded with your camera can be viewed in the video app. Again making the screen feel less small
I look forward to a slider BlackBerry!Hi,
Can I get Full Screen Mode on my default Browser, Safari ?
Try Glims, you will find it by Google.
Dimaxum -
HI.I have an apple TV and am able to mirror the image on my ipad onto the screen. However, it doesn't fill the full 32" screen. Is there some way to project a bigger image onto the Tv. Thanks for your help
Welcome to the Apple Community.
Mirroring won't fill the TV screen. The iPad has an aspect ratio of 4:3 and the iPhone 4S or prior an aspect ratio of 3:2, neither of these will fit exactly into a TV screen which as an aspect ratio of 16:9. The Apple TV will not zoom the mirrored image, because it may well cut off information which is situated at the top or bottom of the screen.
You may wish to try each of the settings in ‘Settings > Audio & Video > Adjust for AirPlay overscan’ for the best setting that suits you. -
How can I keep my browser full screen on a 27 inch screen?
I bought a 27 inch iMac today and can't get my browser stay on full screen, meaning text from left to right. Now, the browser opens all the time centered in the middle of the screen, and it's very difficult to read the pages.
Hi,
Congrats on your new iMac!
You need a third party app for full screen mode.
Install Glims available at this link.
http://www.machangout.com/
Compatible with Snow Leopard and Safari 5
Full screen mode and many more great features.
Once it's installed you can access the software from Safari / Preferences then select the Glims tab.
Carolyn
Message was edited by: Carolyn -
I created an applet for my webpage and it works fine until I change to Full Screen View in IE Browser. I must click IE Browser Refresh to clean the image. How do I set things up to automatically refresh when I change the view to full screen?
I have transferred this topic to Project Swing forum.
-
Hi
I want a browser to automatically open full screen (not using F11) does anyone know of the Java Scrip to sort this out.
Thank you in advanceTry following code:
<script type="text/javascript">
<!--
function popup(url)
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
newwin=window.open(url,'windowname4', params);
if (window.focus) {newwin.focus()}
return false;
// -->
</script>
and in your body have a link as following:
<a href="javascript: void(0)" onclick="popup('popup.html')">Fullscreen popup window</a>
Regards,
Vinay -
Need to make browser full screen and close window
I need a script to make users browser display the course in full screen. Also need a button that user can click to exit the course. The captivate one is not working.
Thanks in advance.Hello,
I hope you do realize that this could lead to a (great) decrease in quality? As Captivate is all about bitmaps you only have optimal quality when the published SWF is watched in the resolution it was created in.
You can by tweaking the HTML-file and changing width/height to 100%.
Whereas closing: this is not only depending on Captivate but almost totally on the browser, there is a thread in the FAQ about it.
Lilybiri -
Full screen image that stays flush with bottom of browser?
I'm trying to make it so the image fills a full screen box and expands and contracts as usual, but always stays flush with the bottom of the browser AND allows for content below it when you scroll down. This means I cannot pin it. Is this a responsive design feature only, or is this possible with Muse? Here is an example of what I'm talking about:
http://kinhr.comThis effect is currently not available in Muse.
However, if you only want this effect for the first "browser window worth" of the page, it may work for you to use a full screen background image and then have content and 100% width rectangles on the page scroll over top and obscure the full screen background image as the visitor scrolls down to sections 2, 3, etc. -
Transition Problems in Full Screen View
Hi.
I've created a Powerpoint presentation on the Bayeux Tapestry which I now want to convert to a PDF document so that I can add multimedia.
My Powerpoint presentation features photographs of a section the tapestry with each photograph placed on a separate slide. I've used the Powerpoint 'push left' transition to create a panoramic effect which creates the illusion that the tapestry is being scrolled from right to left as the viewer clicks through the presentation. It all works very well in Powerpoint as the slides butt up against each other in transition without any 'seam' between them.
I thought I could simply replicate the effect in Acrobat 9 by converting the presentation to PDF and selecting the 'push left' transition from Advance/Document Processing options then launching the document in full screen view. However, I've found that using a push left transition in Acrobat creates wacking great gaps between the pages as they scroll right to left: this absolutely ruins the whole effect.
As you can probably tell, I'm pretty much a newbie with Acrobat 9 (but not with other Adobe applications) and I can't work out for the life of me how to get around this problem. Is there someting simple that I'm overlooking on the full screen view options or perhaps in the Powerpoint conversion settings or do I have to start adjusting resolutions etc? Or maybe it's just the nature ofthe beast (do hope not)?
I'd be very grateful for any enlightenment or advice.
PS: Forgot to mention the Powerpoint was created in default landscape layout and hence so is the PDF.Do you have the PDF version to fill the full screen and not leave borders? If you print to PDF (not create PDF), then a margin is added by default (as when you print to paper). The border can be reduced to 0, but that is an extra step with the print. As I recall, the PDF Maker (create PDF) does not include the margins. Thus the whole margin bit may be the issue.
-
Firefox page stop refreshing(drawing) when the flash plugin exit full screen mode.
While watching youtube video from youtube.com in full screen mode (this is flash player full screen mode, not browser full screen mode), if you exit the full screen mode, some times the original page when the full screen was started from would stop drawing, not responding to the mouse click in the page area. The page will go back to normal if you click and drag the firefox browser title bar or just resize the browser window.
I initially found this issue with our company's browser plugin product when testing on Firefox 4. Then I went on trying the same scenario with youtube flash player, it is the same behavior.
It is not difficult to reproduce, if exiting full screen works fine, move the browser window a little bit and try it again. I can reproduce this once every 5 - 10 times. It is very annoying.
The same test case works on Safari, Google Chrome without any problem. Please fix this!Try to disable the hardware acceleration in the Flash Player.
See:
* https://support.mozilla.com/kb/Cannot+view+full+screen+Flash+videos
* http://www.youtube.com/swf_test.html (right-click the player: Settings)
Flash "Display settings" window:
* http://www.macromedia.com/support/documentation/en/flashplayer/help/help01.html -
Next Slide/Slide Transition in Full Screen on my Keynote Movie
Hello everyone,
I hope you can help? I have been using Keynote to prepare some slides for a talk I am delivering and to ensure I have no 'technical mishaps' I need to have a copy of the Keynote in a .mov format so that it can be played in Quicktime on a Mac or a PC.
I have exported the Keynote to Quicktime which works brilliantly on my Mac and on the PC when you view it in the Normal View. You can use the left/right arrows on the keyboard to move forward and backwards through your slides and use the mouse to access the hyperlinks. The problem occurs when I enter Full Screen View (which will be necessary when I deliver this talk!) - although a mouse click moves the slides on I cannot find any way of moving back a slide, or of accessing my hyperlinks.
Please help?!
Thanks, ChrissiDo you have the PDF version to fill the full screen and not leave borders? If you print to PDF (not create PDF), then a margin is added by default (as when you print to paper). The border can be reduced to 0, but that is an extra step with the print. As I recall, the PDF Maker (create PDF) does not include the margins. Thus the whole margin bit may be the issue.
-
Why isn't my 16x9 video full-screen?
When I capture, the video frame fills about half the canvas, and when I burn a DVD it does not fill the full screen.
FCP 5.1.4.Hi -
Does the frame size of the source clip match the frame size of the Sequence settings?
You can see the frame size of the source clip by control clicking on the clip in the bin and select Item properties>Format from the drop down menu.
You can see the frame size of your sequence by clicking on the time line and typing Command-0 (Zero).
They need to be the same for the clip to natively fill the sequence frame.
Hope this helps. -
How do I start firefox in full screen?
I would like to start Firefox in LINUX environment from the command line. That is easy just type FIREFOX and hit enter or call a script for that instruction ios what I do.
The challenge is to start the browser FULL SCREEN, WITHOUT showing the cursor on the pages. - [In reality I want to add the F11 parameter in the start script as well as as "do not show the cursor (No idea to invoke it manually). This is a web app running on PC with a touch screen. Secondly I would like to refresh (Shift+F5) every hour or so without human intervention. (take into account the browsers shows full screen and here is no cursor available, so some kind of delete cash in the background or refresh complete website (like doing a Shift+F5)
Any help or pointers would be appreciated.
Kind Regards
FritsIf you close Firefox 4 while in full screen mode then the browser should start in full screen mode the next time. That setting is stored in localstore.rdf in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Firefox Profile Folder].
If you want to prevent toolbars from opening if you hover to the top then hide the full-screen-toggler with code in userChrome.css
Add code to userChrome.css below the @namespace line.
* http://kb.mozillazine.org/userChrome.css
* http://kb.mozillazine.org/Editing_configuration
* ChromEdit Plus: http://webdesigns.ms11.net/chromeditp.html
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#fullscr-toggler { display:none !important; }
</nowiki></pre> -
Please! Safari Full Screen Display Help..
Ok, I know the top right corner arrow box will open it to full screen, but my concern is getting the website to actually fill the full screen. Right now in full screen mode I've got Grey boxes on both sides of the website, so while it looks full screen, it's only displayed in the center of the screen. I'm new to Macs, but I've gotta think this is something that's possible. Any advice, or am I just out of luck using my full 27" screen? I'm ok with the top address bar, i just want the website to display larger!! ;-)
Safari / View / Zoom In or simply use the key combinations ⌘+ to zoom in.
Maybe you are looking for
-
How can i restore history back to 8-27-11
how can i check the history back to 8-27-2011. it looks like it clears history after one day.
-
My apps freeze and I can't push the home button to get out of them.
My apps freeze and I can't push the home button to get out of them.
-
Can I delete iPhoto library and iPhoto in 10.10.3?
After upgrading to OS X Yosemite 10.10.3, I can use Photos.app instead of iPhoto.app. The thing is, there are two photo libraries in my finder. So can I delete iPhoto.photolibrary without affecting my photos in Photos.photoslibrary?( I chose iPhoto l
-
Why are the sizes of apps larger than iTunes reports?
Hello there, I have several apps which are very large on my iPad 2, but which are much smaller when you view their pages in the iTunes App Store. Some examples: Puzzle Quest 2: 576MB on store, 1.22GB on the iPad (per the Device Apps list) Starfront:
-
I'm trying to backup my 3GS as part of updating to the latest version of iOS Windows 7 iTunes 10.4.1.10 iPhone iOS 4.3.4 It gets stuck at about 10% (estimated from the progress bar) for hours... when I try to cancel it I have to force iTunes to close