How to keep the stage aspect ratio when stage width=100%?

Hey,
if I would like to make an animation that always fits into the browser window by fitting the width to 100% I'm having trouble keeping the aspect ratio of the stage's height. I can only configure 100% there which will stretch the content also to 100% of the browser window's height. If I configure a pixel value for the height, then I am also stuck on this value.
All I want is the stage to adjust to the width of the browser window, and the height of the stage to preserve the aspect ratio depending on the width.
this video shows what I mean. unfortunately I am not familiar with coding: http://www.youtube.com/watch?feature=player_embedded&v=hrLt0Y9QAY8
Can somebody help me?

sorry can't get the code working properly onwith the html code function. Sorry for that

Similar Messages

How to centre the stage of 100% width in a browser?

I have created a web page in Edge that I intend to be centred in the web browser. If I keep the stage to fixed width (960 px) then I can centre it in the browser with the following in the compositionReady event of the Stage:
$("#Stage").css("margin","auto");
However, I want to create a tiled background, for which I use the following in the compositionReady event of the Stage:
$("#Stage").css("background-image","url(images/[email protected])","background-repeat","re peat");
If I keep the stage to fixed width then I don't see the tiled background because the stage is full of objects and the tiled background doesn't extend past 0 and 960px. If I make the stage width 100% then everything becomes left-aligned, but I do see the tiled background (to the right of the stage objects).
I've tried thinking of clever ways to position everything relative to some transparent element that has its width property set to 100%, but to no avail.
Does anyone know of a way to ensure that everything positions relative to the centre of the stage while retaining the 100% width stage property?

Zaixist posted this a long time ago and you might want to try it:
$("body").css({
            "background-image":"url(images/yourBghere.jpg)",
            "background-position":"center center fixed",
            "background-repeat":"repeat",
            "-webkit-background-size":"cover",
            "-moz-background-size":"cover",
            "-o-background-size":"cover",
            "background-size":"cover"
$("#Stage").css({"margin":"0 auto"})
jQuery.fn.center = function(){
this.css("position","absolute");
this.css("top","50%");
this.css("left","50%");
this.css("margin-top","-"+(this.height()/2)+"px");
this.css("margin-left","-"+(this.width()/2)+"px");
return this;}
sym.$(".center").center();

FCP project not the correct aspect ratio when exporting to Quicktime

Hello All;
I am trying to export a FCP project in its native resolution (1440 X 1080) to Quicktime but everytime I try, the aspect ratio is messed up and people look taller and thinner than they should.
The project is a resolution of 1440 X 1080 as determined by examining the sequence settings in FCP.
I configure quicktime (see below) to a resolution of 1440 X 1080.
So why isn't my Quicktime video the correct resolution when I play it with the IMac's Quicktime player ? I shrink the player to 1/2 size to fit it all on the screen.
My exact settings are below ...
Export - Using Quicktime Conversion
Format - Quicktime Movie
Video Settings - Compressor - MPEG-4
Quality - Best
Not sure if I changed the framerate - if I did, I probably changed it to 29.97
I didn't touch the other settings in the video settings - left them to default
I didn't change the filter settings - I left them at default
Size - 1440 X 1080 (The actual resolution of my source video)
I checked the box - preserve aspect ratio using letterbox (If applicable)
Other settings were left at default
Sound Settings - Format - AAC
Rate - 48 KHZ
Render Settings - Quality - Best
Target Bitrate - 128 KHZ (This was left at default - I did not change it)
Prepare for Internet Streaming - Fast Start checked (This was default - I did not change it)
All other settings not specifically mentioned were left at default.
Thanks. Tim

I don't have much of an answer for you, but to test try not checking the preserve aspect ratio. Rather than reexport the entire 1 hour just export 10 seconds so that you can trouble shoot different things.
Hope that helps a bit,
Eric

How to keep the waveform chart updated when changing states in state machine/

Hello Everyone,
Can anyone please sugest me how to keep the waveform chart updated even if I am changing the states in a state machine??
I am having analog inputs on the waveform chart...
Thanks in advance...
Now on LabVIEW 10.0 on Win7

hello guys,
thanks a lot for the suggestions, here is the attached code... please follow the following steps to run it..
ONce you hit play,press either Start Main/Cyl UP button on the front panel,
once you start observing the waveforms, you can press the Cyl_Dwn button on the front panel... You can observe that the state changes to Start Counter state,
and the waveform chart also stops updating... I would like both the waveform charts to conitnuously show the data even if the state is changed....
Now on LabVIEW 10.0 on Win7
Attachments:
Soda Vending MAchine.vi ‏212 KB

Premiere keeps ruining my aspect ratio when I export xml

Hi.
I've got an issue with when I export out XML, when I bring it back into Premiere its changing the aspect ratio and giving my talent a very stretched out and tall apperance.
I'm exporting out so I can go sync up in Plural eyes and come back into premeire.
I have talked to red giant support and they had me do a test with just making some xml file and bringing it back into premiere and that screwed it up too, so its not them.
what should I do?
and honestly maybe I need a fresh install. I worked with phone support last month to fix some serial # issues with my dynamic link and my workflow has been full of crashes and bugs ever since.
thanks,
John

thanks. I'll try deleting the preferences.
I ended up getting it done but having to do a bunch of goofy copy and paste stuff.
I'm reluctant to call but I'm sure adobe 3rd world techsupport will suggest taking over my machine, lets have half a day of downtime and reinstall all the same stuff.

Images, JFS, CSS - How to display the correct aspect ratio

Hello,
This is not really related to Jave ServerFaces, however, since I am using JSF to build my application, I thought I would post it here.
I am trying to display images by using the following tag
<h:graphicImage style="height:200;width:140;border-width: 0;"
value="img/#{group.items[1].picFileName}-s.jpg"
alt="#{mainMenuController.item.customerFacingName}"/>The above tag is doing what it is supposed to do, that is display an image with height: 200 and width: 140, which is equal to the aspect ratio
of 1.43 (=200/143).
However, some of the images that I want to display, do not have
the aspect ratio of 1.43. As a result of that, their height or width is modified according to the above values. This distorts some of the imsage.
I was wondering if some one else had faced that problem and solved it. One solution that can work is to edit the images to produce an aspect ratio of 1.43, however, editing the individual images is not feasible.
One probable solution that comes to mind is via CSS: that is by FLOATing the image in a box of fixed height and width. By doing this, the aspect ratio of the image will not be affected. I do not know if FLOATing an image in a box is possible or not. I do not know how to float an image in a box.
More over, I am using Tiles to control the layout. Defining an image box within a <DIV> tag might complicate things.
Any ideas, comment, suggestion will be heplful!
Rauf

Put the post in a HTML/CSS forum....

How to keep the JSP content constant when page refresh?

Hi All,
When I click page tabs in WLP, it will trigger a refresh event.
The portlet has a webflow with a refresh event whose destination is
lastContentUrl(referent-namespace is portal, cloned from portlet2.wf).
The question is when the page changed, the jsp files which use
request.getParameter() to get parameters will fail to fulfill what they
need because the event provide none parameter.
So that everytime page changed, these portlets will have quite strange
contents.
How to keep these content constant when page changed?
Sincerely,
Alan.

The problem is still there if the jsp file is about inserting a new record
into the database.
If these parameters are gotten from the session, mutliple insertings will be
attempted when the portlet is refresh.
Maybe we can put some control flags in the session to judge the correct
behavior, but the method results the session full of parameters(control
flags).
Or is there any better design?
Alan.
"travis wissink" <[email protected]> ¼¶¼g©ó¶l¥ó
news:3cc71962$[email protected]..
>
Alan,
You could use the session to put your parameters in instead of letting itride completely
on the request object. Although, your question is more than just makingthe content
reappear, it’s about holding state. The project that I am working on, theusers
decided that they want the page portlets to go back to the "normal" state,not the
"Maximized" view. So, I put a processor in between the internal.refreshwildcard
and the Preprocessor input processor so that all the portlets would beseen in their
"normal" state.
Good Luck
-Travis
"Alan Liu" <[email protected]> wrote:
Hi All,
When I click page tabs in WLP, it will trigger a refresh event.
The portlet has a webflow with a refresh event whose destination is
lastContentUrl(referent-namespace is portal, cloned from portlet2.wf).
The question is when the page changed, the jsp files which use
request.getParameter() to get parameters will fail to fulfill what they
need because the event provide none parameter.
So that everytime page changed, these portlets will have quite strange
contents.
How to keep these content constant when page changed?
Sincerely,
Alan.

How to keep the ethernet interface up when removing the cable?

On 10.6 I notice that if the ethernet cable is unplugged, it will not bring the interface up. As a result, I cannot test my server without the interface attached. For instance, if en0 is 192.168.2.10 and a web server is running, the local DNS translates the web servers domain to 192.168.2.10, I cannot reach my own web server as there is no route to host. This is probably energy conservation issue, but it makes life rather unpleasant, because if the interface goes down when there is a cable problem, I also get all sorts of internal problems because of the missing host (e.g. a virtual machine looking for a DNS server on 192.168.2.10 which is suddenly unreachable).
This was not the case with 10.5 Server and I think the last time I had this kind of behaviour was with my NeXT cube where the en0 interface would not come up without a cable attached to it and a switch.
So, is there a way I can force OS X 10.6 to bring up the en0 interface on 192.168.2.10 no matter what?

I have made my DNS reachable at all times by using 127.0.0.1 for the "DNS to use" in my ethernet settings in System Preferences.
Using localhost is no go, as I am running three separate IP-addresses (three en intrerfaces) on my single RJ-45. This way, I can let several web sites for different domains listen to different IP-addresses. Furthermore, I can make sure on the router's NAT that for instance only one of those gets the port 443 traffic and that one does not get port 80 and the other way around.
The solution I have now is a cable attached to a switch attached to nothing else. But it is inelegant, I'd rather know how to make the interfaces come up regardless what is attached to the RJ-45.

How to keep the new modified name when sendind through Mail?

Is there any way to keep the name I just modified in iPhoto when I send it via Mail directly from iPhoto?
I just tried and I see the original dscxxx name in the received email!
Thanks

nicohus
in a word, no.
But in the dialogue box that you get when you click the email button tick Include Titles and the email will have the Title attached to file, without renaming it. If you want the titles to become your File Names the only way to do this is to export the files from iPhoto, using the File -> Export -> Name: Use Title command, and then re-import the files to iPhoto.
Regards
TD

How to keep the internet security setting when I restart

Hi,
I have a windows 7 professional sp1 and would like to know how can I enable the "Launching applications and unsafe files" local policy and keep enabled in spite of restarting the computer.
Now if I restart pc this local policy is Not defined again.
Can anybody help me?
Thanks a lot.

Thanks gbilling it's clear what you say.
This is my solution:
Local Computer Policy / User Configuration / Administrative Templates / Windows Components / Attachment Manager
2. On the right pane, double click Inclusion list for low file types.
3. Click Enable.
4. Include the file types such as .exe;.bat;.reg;.vbs in the Options box.
5. Click OK.
There isn't any gpo related to this so when restarting the .bat extension I attached to the local policy remains there.
Thanks.
Regards.

Option to keep aspect ratio when scaling pictures

If I place a picture object on the report and change the size or scaling I woul like to have an option to keep the original aspect ratio. I've seen other products that have this feature. I use the ole object with a graphic location value (from DB field) so different pictures may appear based on data. Unfortunately the original pictures are not all the same size so pictures end up skewed when trying to fit.

I meant for this to be in feature request thread. Not sure how to move it there or atleast delete it.

How do I keep the website's icon when creating a desktop shortcut as opposed to the firefox logo?

When I click a website's icon in the address bar in Firefox and drag it to my desktop to create a shortcut to said site, the shortcut is created with Firefox's icon. I want to know how to keep the site specific icon when creating these shortcuts. I know that once the shortcut is created you can go into properties and choose from several generic icons but I don't want those cheesy icons. Can anyone help?

If you drag a link or favicon on the left end of the location bar onto the desktop to create an internet shortcut then that shortcut gets the icon of the default browser.<br />
If you want a different icon (favicon) then you have to assign that icon yourself to the desktop shortcut (right-click: Properties).<br />
You can usually get the favicon if you append "favicon.ico" to the main domain of a website (e.g. http://www.mozilla.com/favicon.ico ) to display the favicon in a tab and save that image to a folder or see if you can find it in "Tools > Page Info > Media".<br />

How do I keep the find bar open when scrolling through multiple tabs?

The newest update of Firefox doesn't allow me to keep the find bar open when shifting through multiple tabs. I've tried Findbar tweak however that erases the search criteria as soon as I try to scroll down the page to the next location. Anyone know how to keep the find bar open when i shift from one tab to the next?

There is a more up-to-date "beta" version of FindBar Tweak you could try, if you haven't tested it already. You can find it on the extension's "Versions" page here:
https://addons.mozilla.org/firefox/addon/findbar-tweak/versions/
I did see one other extension with a similar purpose (I haven't tried it myself):
https://addons.mozilla.org/firefox/addon/globalfindbar/

Can I maintain original aspect Ratio when making web Quicktime video

Hello there,
I have to convert at 16:9 Premiere file I originally made for DVD into a web ready format. Can I do this without distorting the image? In other words, I want to reduce the file size and keep the proportion intact.
Also, for future reference, what is the optimum aspect ratio when creating video content for web with Premiere?
Thank you in advance for your help.
M

Thank you Jim. Sorry for not replying sooner; I've been offline for a couple of days. Your reply is helpful and I'm
happy I won't have to squash my original 16:9 format movie to put it online.
Martha

How to keep original aspect ratio when cropping in Camera Raw?

How to keep original aspect ratio when cropping in Camera Raw? Cant figure it out! With shift, the aspect ratio is 1:1. But I didnt set it to 1:1 (I checked "normal").

The Shift key works once you’ve set your crop ratio. DSLRs would typically do 2:3 and others sometimes do 3:4.

How to keep the stage aspect ratio when stage width=100%?

Similar Messages

Maybe you are looking for