How do i get the preloader to stay in the center of the screen.

im trying to get my preloader to stay in the center of the screeen. So that when I change the screen resoultioon from 1920x1080 to 1360x768 to preloader stays centerd instead of off screen.

Hi Sabermaster,
Here are 3 example
http://dealsdrizzle.com/preload_stage_center/type1.html
http://dealsdrizzle.com/preload_stage_center/type2.html
http://dealsdrizzle.com/preload_stage_center/type3.html
Download link
http://dealsdrizzle.com/preload_stage_center/preload_stage_center.zip
Please note that in some cases i have set the stage to 100% and in some in px.
Case 1 - In this I have set the position of loading image of the preloader in % and stage as 100%. You can see that the image is almost in center.. but not exactly.. resize the window and see the error magnify with higher screen resolutions.
Case 2 - In here I have made a little modification to the type2_edgePreload.js file
I have added these line in there somewhere. (inside type2_edgePreload.js file)
pow = (window.innerWidth)/2;
poh = (window.innerHeight)/2;
preloaderImgHeight = 18; //Add your Image height here manually everytime once you are done finally with your entire composition else edge will change this file again when you save
preloaderImgWidth = 62; //Add your Image Width here manually
rect:[pow-(preloaderImgWidth/2),poh-(preloaderImgHeight/2),'62px','18px','auto','auto'],
this keeps the preloader image centered to the page... resize the window to different sizes and compare.. It will be exactly in the middle.
Case 3 - In advancement to Case 2 - I have added these statements in compositionReady event of stage.
sym.$("Stage").css('margin','auto');
sym.$("Stage").css('position','relative');
sym.$("Stage").css('left','0');
This centers the stage.. (For this case refer to type3_edgePreload.js; which is same as type2_edgePreload.js)
Remember - if you open the compostion in edge the changes made to edgePreload.js will be reverted.
If you happen to revert these files by any chance. Close Edge. Make changes to edgePreload.js file and open the .html file directly to see the result.
I hope this helps.
- Vinay

Similar Messages

How do i get my navbar to stay on one line when the browser window is minimized?

I am new to coding and have just created my first website in html and css. I know that the coding is pretty dire and that I have a lot to learn and hope that someone can guide me in how to solve this problem. When the browser window is minimized, the navbar breaks down into 2 or 3 lines but I want the navbar to fit to the window whatever the size of the client machine.
I think I need to add a media query but i'm not sure if i do and if so what code to use and where to put it?
I am worried that the page will only be viewable properly on a desktop and i really want to learn how to make a fluid layout which can be viewed on 320px, 768px and 1200px.
Any guidance would be greatly appreciated.
Here is my code:
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>The Engineer's Corset</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
body {
    background-color: #000;
</style>
</head>
<body>
<div id="container">
<div id="navbar">
    <ul id="nav">
    <li><span class="current-menu-item">Home</span></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="workshops.html">Workshops</a></li>
    <li><a href="news.html">News</a></li>
    <li><a href="gallery.html">Gallery</a></li>
    <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>
<div id="header">
<img src="images/final/headerbeauty3.png" width="1100" height="341" alt="The Engineer's Corset">
</div>
<div id="links">
<ul id="link">
<li><a href="https://www.facebook.com/Bristolengineer" target="_blank"><img src="images/final/fb3.png" width="200" height="45" alt="Follow Us on Facebook"></li>
<li><a href="https://twitter.com/Engineerscorset" target="_blank"><img src="images/final/twitter2.jpg" width="200" height="45" alt="Follow us on Twitter"></a></li>
</ul>
</div>
<div class="chantry">
<img src="images/final/CD Logo fin.png" width="240" height="200" alt="Chantry Dance Company">
</div>
<div class="about">
<p> The Engineer's Corset is a new play written by Janet Goddard for performance by the community of Bristol in 2015. <br> ~ <br>
The play is based on the extraordinary real-life events of 1843 surrounding Isambard Kingdom Brunel's near-death experience after swallowing a coin. We travel through time to explore the adventure and horror of Victorian industrialisation. <br> ~ <br> Using a community theatre group The Engineer’s Corset tells a familiar tale of Brunel’s near death experience when he swallows a gold half sovereign. His wife Mary fights to maintain her composure but is ripped apart by the waiting game. Her servants and his workforce, using dance and sound, broaden her horizons. Just like Mary the audience too will see life in the 1840s through a different lens.</p>
</div>
<div class="workshops">
<img src="images/final/bridgebridge.jpg" width="1100" height="713" alt="clifton suspension bridge">
<span><a href="workshops.html">We will be running a series of workshops prior to production and hope you will join us. For further information, click here.</a></span>
</div>
<div id="sponsorspace"></div>
<div id="footer"> <p> © Heartprints Web Design 2014 </p> </div>
</div>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:125%;
@media screen {
    #navbar:
#navbar li {
    font: 25px Arial;
    display: inline;
    list-style-type: none;
    background: #09F;
    color: #000;
    border-radius: 20px;
    padding: 15px 25px;
.current-menu-item {
    color: #0FF;
#navbar a {
    padding: 15px 25px;
    background-color: #6cf;
    color: #000;
    text-decoration: none;
    border-radius: 20px;
#navbar a:hover {
    background-color:#0FF;
    color: #000;
    padding: 15px 25px;
#header {
    width: 1100px;
    height: 340px;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: ridge;
    border-width: 5px;
    border-color:#09F;
#links li {
    display: inline;
    width: 700px;
    margin-left: 300px;
.chantry {
    margin-left: 40px;
.about {
    position: relative;
    width: 860px;
    text-align:center;
    background-color: #CCC;
    color: #000;
    border-style: ridge;
    border-width: 3px;
    border-color:#09F;
    border-radius: 15px;
    float: right;
    margin-top: -200px;
    margin-right: 90px;
.workshops{
    position:relative;
    width: 1100px;
    height: 713px;
    font-size:24px;
    margin-left: 50px;
    border-style: ridge;
    border-width: 5px;
    border-color:#09F;
    margin-top: 130px;
.workshops span {
    position: absolute;
    background: #6CF;
    color: #000;
    left: 30px;
    top: 30px;
    right: 800px;
    padding: 15px;
    font: 1em georgia, serif;
    font-style:italic;
    text-align:center;
    border: 5px solid #09F;
    border-radius: 20px;
    margin-top: 35px;
.workshops span a {
    color: #000;
#link li {
    border-style: solid;
    border-color: #6CF;
    padding: 30px 10px 5px 10px;
.info {
    text-align:center;
    width: 1100px;
    margin-top: 50px;
    margin-bottom: 50px;
.CDC {
    float: left;
    margin-right: 50px;
    margin-left: 45px;
.workshopinfo {
    height: 250px;
    text-align:center;
    margin-top: 50px;
.photos {
    Height: 500px;
    text-align:center;
    margin-top: 50px;
#footer {
    text-align:center;
    margin-top: 700px;
    color:#0CF;
.brunel {
    margin-top: 50px;
    margin-left: 400px;
#workshops2{
    width: 1000px;
    border-style: outset;
    border-width: 5px;
    padding: 15px;
    border-color:#09F;
    background-color: #6CF;
    margin-left: 100px;
    text-align:center;
#workshops2 a {
    color: #000;
#sponsorspace {
    height: 300px;
    background-color: #6CF;
    border-style: outset;
    border-color: #09f;
    margin-top: 15px;

Give #navbar a width that is wide enough to hold all of the buttons within it.
#navbar {
     width:####px;
Replace #### with a pixel number large enough to hold the nav buttons.

How can I get a preloader to launch a main (external) swf file, and have the main file remove the preloader once it's fully loaded?

Using Flash MX, ActionScript 2:
I’ve been struggling for several weeks, trying to get a preloader to work on a large (~80 MB) photo portfolio file (using the method where the preloader is on frame 1 of the file, and when loading is completed, it jumps to the content). I’ve done countless tutorials, and none seem to work on my presentation. I even tried downloading a trial version of CS4 so I could export every one of the file’s library movie clips and images so that they load on Frame 2 (a feature MX doesn’t have). It takes about 20 seconds for the .exe to load from a CD, and no matter which preloader construction I use, it always seems to appear in the last few seconds before the movie loads completely. During the initial wait time, there’s no indication that anything is happening: no hourglass on the mouse, and not even a blank screen. This is only true for the first time that the file is loaded from the CD; on subsequent loads, the file must already be in RAM, because it loads within a few seconds.
I decided that I’m going to try and make the file which the user clicks on (one named Windows_Portfolio.exe or another called Mac_Portfolio.hqx) the preloader so that it would be tiny, and would load instantly. I want that file to launch the external huge portfolio file (renamed files.swf), keep track of its loading progress, and cycle through a slideshow (10 thumbnail images that transition into each other over 100 frames) proportionally, based upon the percentage of files.swf that had been loaded.
I assume that there should be a loadMovie() or a loadMovieNum() command on the preloader’s timeline to launch files.swf, and that the initial code of files.swf should have some sort of this._parent._visible=false or other way of deleting the preloader on level0. Can anyone explain the steps to me, or direct me to a good Flash MX tutorial that explains how to launch another external swf from a preloader .exe, keep track of its load progress, and delete the preloader .exe once the external swf had been loaded?
Also, I’ve read that, using this construction on a CD, every file has to be in the same place, and that I can’t nest files.swf in a folder named “files,” and reference it with files/files.swf. Is this true?
Thanks for any assistance you can offer.

If you know JavaScript (ECMA Script) then you might be able to get it done applying a for loop and a random function
to the for loop if you know how to get a page-loaded request into JavaScript.
But an easier solution, if you know ActionScript 3.0, and if your SWF's don't need to be recoded and can load into a "container" SWF would be to create a master FLA file that loads your SWF's in a random fashion using Math.random() as a multiplier, though you won't see much variation if you only have 2-3 SWF's to load--if you had more than that then you would begin to benefit from the random function's capabilities. In ActionScript 3.0 use the load() method along with addChild() to load the SWF and add it to the stage. You will be able to search for specifics on how to code the FLA properly by using Flash's Adobe Help tool and also using an internet search.
-markerline
P.S. Once you have the master FLA coded you can Publish it to an SWF and an HTML and if the container/master SWF needs to be in a page with other content you can simply copy and paste the object and embed tags for the container SWF from the published HTML into any place on your master HTML that you need it to reside. You can then use CSS to control placement of the SWF object if it is in a div tag.

How can i get my items to stay in place and not cross over each other when readjusting the browser s

How can i get my items to stay in place and not cross over each other when readjusting the browser size.
Basically on my site when i go from a small screen to a big screen everything doesn't adjust to the screen size. I don't know what im missing
Here's the link to the page all the pages & they all do it
http://theatricalworkslive.com/
Thanks in advance

Please read this whole message before doing anything.
This procedure is a diagnostic test. It’s unlikely to solve your problem. Don’t be disappointed when you find that nothing has changed after you complete it.
The purpose of the test is to determine whether the problem is caused by third-party software that loads automatically at startup or login, or by a peripheral device.
Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards. Boot in safe mode and log in to the account with the problem. Note: If FileVault is enabled, or if a firmware password is set, or if the boot volume is a software RAID, you can’t do this. Post for further instructions.
Safe mode is much slower to boot and run than normal, and some things won’t work at all, including wireless networking on certain Macs. The next normal boot may also be somewhat slow.
The login screen appears even if you usually log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin. Test while in safe mode. Same problem? After testing, reboot as usual (i.e., not in safe mode) and verify that you still have the problem. Post the results of the test.

My MacBook Air won't stay off. I turn it off and it will wait anywhere from a few seconds to a few hours and turn itself back on. You can see how that can get annoying and I can't seem to solve the problem.

I turn it off and it will wait anywhere from a few seconds to a few hours and turn itself back on. You can see how that can get annoying and I can't seem to solve the problem.

There's a slight chance this might help:
Intel-based Macs: Resetting the System Management Controller (SMC)
Otherwise it needs to be repaired.

How can I get Firefox to "grab onto" and then "hold onto" the data signal until I tell Firefox to release it at the end of my session of internet browsing?

ok, I hope that my description of this problem does not come out in such a disorganized fashion that it makes the description difficult to follow. here goes: every 30 seconds to 1 minute (or thereabouts, I'm estimating) my mobile phone's browser (whether Firefox or any other) loses the data signal, so that tje next time that. I click on something, I get an error message that the "data connection timed out, retry" or "network unavailable" or "check that you are connected to that internet", etc. etc. etc. I have downloaded many apps that are supposed to boost data connectivity and/or improve internet speed, blah, blah, blah, till I discovered that was a problem with the server being able to keep up with staying locked onto my browser. in one of these apps diagnostic screens, I found a notation that therr was something wrong with my cell's relative position. well, how could that be, I wondered, since I had "GPS tracking" "GPS reporting" and "location sharing" all enabled? but, then I noticed, on the image of my cell's location as represented by this particular app, that every half minute, or so, the blue dot which represented my cell's location would slip to the left about one quarter of an inch, or so, and in the longitude and latitude part of this app's diagnostic screen I saw that the numerical designations of my cell's longitude and latitude were zero and zero. it suddenly occurred to me that the server had lost sight of my cell because my cell had moved too far out of the range of that server's sight due to the rotation of the earth. well, blow me down, what am I supposed to do to fix that? how can I tell my cell phone's OS to send out some kind of identifying info on a constant basis, so that the server could keep track of it (and I would not lose the signal)? or, conversely, how could I get my cell phone's browser to grab onto the signal and not let go of it until I was done with that internet session, at which time I would then manually release the signal myself? I hope that my explanation of the problem made enough sense that you could follow it and that you can come up with a workable solution for me. oh yeah, my phone is an LG OPTIMUS ELITE 696. thanx, from the enragedkangaroo.

Hello,
I'm afraid I don't think there is going to be much we can do to help you here. The description sounds like an issue with the phone rather than with Firefox specifically.
I don't think the problem can be caused by you moving out of range of the cell, due to the rotation of the earth. The cell towers (that provide phone signal) are sitting on the earth, just like you, and so move at the same speed as you. This might be a concern with satellite phones using Low Earth Obit satellites but this isn't the case here.
I think the best thing to do would be to get in touch with your Phone Operator or Device Manufacturer for support. If you are out of the support period or can't get support from them for some other reason then a standard 'cure-all' for mobile phones is to do a Factory Reset. This will return your phone to its default factory settings and wipe all of your data / modifications off the phone. This tends to solve most problems and is probably what the official support team would tell you to do. I can't guarantee that it will help but it has a good chance.
There are instructions on resetting your phone here:
http://www.hard-reset.com/lg-optimus-elite-hard-reset.html
I hope that helps.

How can I get location services to stay on inside?

I have a WiFi iPad 2 w/iOS 8.1. I want to use PayPal Here that requires location services in my nursery. It works fine outdoors but inside our metal buildings with metal roofs the location services do not work (and PayPal Here does not work) even though I am still connected to our WiFi network. PayPal support is no help. How can I get location services to stay on inside the buildings?
<Re-Titled By Host>

Got to Settings > General > Autolock to set the lock time.

How do I get my soundtracks to stay together instead of separating them by artist?

How do I get my soundtracks to stay together instead of separating them by artist?

My bookmarks sidebar opens when I (accidentally) press Ctrl+b.
You also can open and close the sidebar using
View > Sidebar > Bookmarks
If you are displaying the orange Firefox button rather than the classic menu bar, tap the Alt key to display the menus temporarily and then you can use the View menu.

How do I get a picture to stay when I move and scale it for my home screen?

How do I get a picture to stay when I move and scale it for my home screen?

Unfortunately that seems to be a known bug. And something we have to wait for APple to fix. THere are other threads on the same topic and some people have work arounds so you might want to poke around in the 'more like this' on the right.

How do I get a CD to stay on my hard drive?

How do I get a CD to stay on my hard drive?

Hi there curran100,
If you would like for information about importing CD's to iTunes, take a look at the articles below.
iTunes 11 for Mac: Import songs from CDs
http://support.apple.com/kb/PH12278
iTunes 11 for Windows: Import songs from CDs
http://support.apple.com/kb/PH12486
If this is not what you are trying to do, could you give me some more information on what you would like to copy to your hard drive?
-Griff W.

How can I get ALL of my Google Calendars to show on the iCal on my iPhone? I see all of my Google Calendars on the iCal on my Mac, but I do not see them in the iCal on my iPhone. I only see one Google Cal, but not the others.

How can I get ALL of my Google Calendars to show on the iCal on my iPhone?
I see all of my Google Calendars on the iCal on my Mac, but I do not see them in the iCal on my iPhone. I only see one Google Cal, but not the others.

https://www.google.com/calendar/iphoneselect

HT3887 my bluetooth says 'Not Available' how do i get it to work again. I have restarted the computer several times and have replaced the batteries in both the keyboard and mouse and yet it still is not working! please help

my bluetooth says 'Not Available' how do i get it to work again. I have restarted the computer several times and have replaced the batteries in both the keyboard and mouse and yet it still is not working! please help

I have had the same problem. It was cured by turning computer off and/or restarting it. I am not sure if once was enough. I think shutting down must cut out whatever it is that blocks bluetooth. Good luck

How do you get iTunes purchased songs to automatically play one after the other

How do you get iTunes purchased songs to play automatically one after the other without having to hit play for each song ? Also I lost all my pictures on my iPad when I installed iOS 7 upgrade. Any way to get them back? Thanks. Dr Ron.

Hi Dr. Ron,
By your question, I am wondering if you are playing your music from the iTunes app rather than the Music app?
In the Music App, you can go to any of the options at the bottom and click on a song to play and it will then continue to play the songs in that category. You can also select "Shuffle" to shuffle them.
As for your Photos, did you have them backed up anywhere?
Cheers,
GB

I have 2 questions regarding the iphone 5. 1 How do i get my yahoo mail set up. I tried the setting it up as both a yahoo mail and other mail. 2. I seem to have lost my notes on my iphone 5 but I have them on my ipad. How can I use cloud to sync my notes?

I have 2 questions regarding the iphone 5. 1 How do i get my yahoo mail set up. I tried the setting it up as both a yahoo mail and other mail. 2. I seem to have lost my notes on my iphone 5 but I have them on my ipad. How can I use cloud to sync my notes?

I will address your second question.
First, make sure your iPhone and iPad have absolutely identical Apple IDs. If they do, use that Apple ID in Settings > iCloud on your iPhone to select the "Notes" option. Lo and behold, all your iCloud notes should appear on your iPhone.

HT1311 i tried to do a backup from my old iphone as i have a new one that was signed into another itunes account. it said i cant do it because the iphone rejected the request. how do i get around this? i have signed out of the old acct and into mine on th

i tried to do a backup from my old iphone as i have a new one that was signed into another itunes account. it said i cant do it because the iphone rejected the request. how do i get around this? i have signed out of the old acct and into mine on the phone

What is the precise wording of the error message that occurs on the old iPhone when attempting to do a backup?
Are you attempting to backup via iTunes on the computer or iCloud?

How do i get the preloader to stay in the center of the screen.

Similar Messages

Maybe you are looking for