-
1. Re: scale fullscreen?
robboerman Jul 21, 2013 11:35 PM (in response to Rokoff)link a style.css to the edge file.
put this in the style.css
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
put the image in background url and it will alwase be a fullscreen image
-
2. Re: scale fullscreen?
Zaxist Jul 22, 2013 1:53 AM (in response to Rokoff)you can also use this code in Stage > compositionReady
$("body").css({
"background-image":"url(images/1.jpg)",
"background-position":"center center fixed",
"background-repeat":"no-repeat",
"-webkit-background-size":"cover",
"-moz-background-size":"cover",
"-o-background-size":"cover",
"background-size":"cover"
});
$("#Stage").css({"margin":"0 auto"})
no needed css file anymore
Zaxist
-
3. Re: scale fullscreen?
Rokoff Jul 22, 2013 9:13 AM (in response to Zaxist)Thank you! This is getting closer.
I'm trying to understand now how to keep my buttons and logo centered in the browser.
-
4. Re: scale fullscreen?
Zaxist Jul 22, 2013 9:18 AM (in response to Rokoff)you should use percentage to keep them always centered in the browser when zooming out or in or change resolution !!
you shoud set your stage and all other stuff in percentage
the problem is with text, in zooming and zoom out they will change
Zaxist
-
5. Re: scale fullscreen?
Rokoff Jul 22, 2013 9:38 AM (in response to Zaxist)Thanks again Zaxist. It might be helpful to look at my project. It's pretty simple at this point.
https://www.dropbox.com/s/21amt2ntifdzrbl/example.zip
I'm trying to achive something similar to this:
-
-
7. Re: scale fullscreen?
Zaxist Jul 22, 2013 12:29 PM (in response to Rokoff)Dear Rokoff
i simulate the exact effect that you wanted and used with http://makeup.heatherconlan.com/
you just need to 3 simple steps to achive that
1st : create your hole things
2nd : select all of your elements and convert them to a symbol
3rd : just set center class for that symbol ( you can add class to symbol or elements by click on them on the Elements pannel and in the left side in properties panel in front of element name click on c letter then a box will appear and you write your class name in there )
i wrote the needed codes for you and removed the rest of your codes that not needed
* i also changed your stage to percentage width and height
you can see them in example file with your project
http://www.mediafire.com/?r6ur1mvb49kfv5k
reguards
Zaxist
-
8. Re: scale fullscreen?
Rokoff Jul 22, 2013 1:30 PM (in response to Zaxist)Really awesome you guys. Thanks for the assistance!
-
9. Re: scale fullscreen?
mahony2k Nov 7, 2014 11:18 AM (in response to Zaxist)I have seen only images being scaled that way. Is it possible to do that with EA compositions as well?
Because I need exactly that placement of my background, but it should be animated. Therefore I am looking for a way to place a symbol filling up the viewport as with "background-size":"cover" for images.
-
10. Re: scale fullscreen?
Zaxist Nov 7, 2014 12:36 PM (in response to mahony2k)Hi there
yes it's Possible to scale your animation too, but i need to know your stage structure so i can tell you the right method to scale your animation
regards
Zaxist


