Fullscreen background

How have they done they done the backgound in this site?
http://www.whitevoid.com/application.html
It looks like the backround is a linear filled m.c....
however if you were to create the background as an m.c. it would
not stretch correctly to fill the browser window... therefore
please can anyone tell me how they have done it. regrds J

the functionality of the resizing is run out of javascript at the moment, so I can't really do that.
the best thing for me to do is replace it with an AS3 based script for resizing the background, but i'm not really that talented and I can't find a tutorial that shows it in AS3... don't know where I could find one or a sample script do you?
cheers,
Allan

Similar Messages

  • How can I change fullscreen background color, so that it is the same when viewing on mac and iPad? I want this to be able to use MathType in widget text.

    How can I change fullscreen background color, so that it is the same when viewing on mac and iPad? I want this to be able to use MathType in widget text.
    As an example, html widget has white background on iPad, and black on mac. The same goes for interactive widget.
    The MathType text inserted is inserted as a image, and will have the same color when in fullscreen as when not. So I need the textcolor to be the same in both views. Anyone know how to fix this?

    We're still not communicating. This is why I wanted an example .iba.
    Here's a re-creation of my own, going off what you described. You said "all html widgets and all gallery widgets" have this problem. So I inserted a blank HTML widget and a blank Gallery widget, and typed into both. Inserted a MathType equation into both. I don't see any difference when I preview it on my Mac compared to the preview on the iPad. I want to help, but I can't help if I can't duplicate the issue.
    I've attached the screen shots and the .iba file [link to .iba file].
    Feel free to email me directly at bobm at dessci dot com. If you're uncomfortable giving some information here, tell me anything you want in email. I work for the "MathType company", Design Science.

  • How to make a fullscreen background changeable?

    Hello,
    I am working on a site where I have made a fullscreen background image, which scale with the size of the browser window.
    I would like to make it change to a new pic ( also fullscreen ) when clicking links. Any suggestions how to do this?
    This is how the image is made fullscreen:
    body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(bg4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    i would like to make it changeable with links looking something like this:
    Thank in advance - im looking forward to hear your ideas.
    Anna

    In the following example I have mixed and matched using an input button, an anchor and a paragraph. The anchor element has a class to show the use of a class instead of an ID. I have also left the array out of the equation.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    body {background: red;}
    </style>
    </head>
    <body>
    <input id="clickblue" type="button" value="blue">
    <a class="clickgreen" href="#">green</a>
    <p id="clickyellow">yellow</p>
    <script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryDOMUtils.js"></script>
    <script>
    Spry.$$("#clickblue").addEventListener("click", MyClickBlue, "false")
    function MyClickBlue() {
        Spry.$$("body").setStyle("background-color: blue");
    Spry.$$(".clickgreen").addEventListener("click", MyClickGreen, "false")
    function MyClickGreen() {
        Spry.$$("body").setStyle("background-color: green");
    Spry.$$("#clickyellow").addEventListener("click", MyClickYellow, "false")
    function MyClickYellow() {
        Spry.$$("body").setStyle("background-color: yellow");
    </script>
    </body>
    </html>
    Gramps

  • Making a Fullscreen Background Image

    Hello,
    I Making presentation in flash publish as .exe
    Document size is 1024x768
    i using this code for fullscreen
    fscommand("fullscreen", "true");
    but my background img size is 1024x500,
    so when i publish the movie, top & bottom area is color fill by document bg color
    i want background fill by bg img
    how can i do that????
    Please Help!!!!!!!!!!!!!!!!!!!!!!!!!!
    Thanks
    Mandar

    thank you very much for the hint
    Stage.scaleMode="exactFit";

  • Please Help!!  How do they do this?! fullscreen background scrolling gallery!?

    Hi,
    can anyone please tell me how they manage to do this- http://www.herdadeda...ada.com/en.php# as you can see the background is a full screen scrolling gall??? Thanks. G

    I'm no JS expert but I would imagine so.
    The guys here were working through the same issue, you might find something here:
    http://www.dynamicdrive.com/forums/showthread.php?t=41686
    I guess you'd just be swapping out the css style background image for an element (div or body tag) on the page after clicking - I'll defer to more enlightened JavaScript coders for more details however.
    Cheers
    Total Wargamer

  • Background controlled by navigation (Dynamic Background?)

    Hello,
    I would like to create an effect that loads a fullscreen background image that changes according to the navigation selection. The background will be replaced everytime the navigation is activated.
    This effect can be scene here: http://www.meatmarketmiami.com
    Where do I start?
    Thanks
    Richard

    Start with creating a movieclip that contains different background images as movieclips. I cannot address the specifics of the transition effect used in your example site, but a simple version would be to use a Tween that manages the alpha properties of the movieclips so that one fades out (or in), and manage the depths to agree with the fade in or out approach... fade out, the one leaving is placed on top, fade in, the one appearing is placed on top.

  • Responsive Full Screen Background image - How?

    Hi,
    I would be very grateful for any guidance on the CSS/HTML code that I need to use for inserting a static, 'responsive',  full screen, background image on  a website.
    Best wishes
    Simon

    Depending on what kind of browser support you want to include, this can be a single line of css code...
    background-size:cover;
    ...which takes care of all modern browsers back to IE9. Or, if you want to support older browsers (IE8 and lower), a more involved javascript would be required...
    http://papermashup.com/jquery-scalable-fullscreen-background-image/

  • I want to use CSS style - background-size:cover;

    in my animation. The responsive settings dont allow for this effect anywhere so I was thinking of putting it in the _edge.js file but, I'm assuming, becasue the Stage is the parent it will fill but distort with the Stage?
    I've watched the flexible design videos for Edge and Edge preview but neither cover the effect I want which is use in the Cod Drops example:
    http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/
    Would a separate CSS file work?
    Cheers
    Bret

    You can use a separate css file, though if you go this route it's preferable to use the append method at the Stage > compositionReady event handler.
    Example
    ////////// Stage > compositionReady///////////////////
    $("head").append("<link id='mycss' href='style.css' type='text/css' rel='stylesheet' />");
    Directly editing the .html file and placing a reference to an external .css file will be overwritten everytime you open it in Edge Animate.
    The above snippet will help resolve that.
    hth
    Darrell

  • Full screen background video

    Hello.
    I have purchased the Fullscreen background widget and have it installed in Muse cc . When you preview the page with the widget in the browser the video displays and plays no problem, but as soon as i add text in the normal way and then preview in browser the only thing that displays is the text, no video. Could somebody please advise on this?

    Hi Sanjit.
    Right. The last time i tried the fullscreen background video it was on a site i was already working on. So i started a new page away from that and after a little fiddling about i got some simple text on top of the video background which is a start. Now bearing in mind i was also following the Chris Kellett video while i was doing this i also, like in the video tried to add a footer item after that and the result was the video background was pushed and squashed to the top of the browser screen. I deleted and tried the whole thing again got the video back but no text on top or footer at the bottom.

  • Safari 5.1.2 doesn't play HTML5 video

    I'm developing a website which uses HTML5 video as a fullscreen background.  At home, I'm developing on a MBP running Snow Leopard.  At work, I'm using Lion with Safari 5.1.2.
    Currently, the page displays fine on Safari/Snow Leopard, Chrome/OSX, Firefox/OSX, IE9 (what?!), Chrome/Win and Firefox/Win.
    Safari 5.1.2 on Lion and on Windows will NOT play the video and instead defaults to the poster image I have set.
    The video has .mp4, .webm and .ogv versions for all the supported browsers.
    I have tested this by downgrading my Lion computer to Safari 5.0.5 and the video played perfectly.
    Any ideas?  Seems like people are having issues with 5.1.2 and YouTube HTML5 videos also.

    I believe you..
    At home, I'm developing on a MBP running Snow Leopard.  At work, I'm using Lion with Safari 5.1.2.
    You might try getting help from the dev forums >  The Apple Developer Forums provide iOS, Mac, and Safari Developer Program

  • Site of the day 21-nov-2014

    Hello people,
    I was browsing the "site of the day" page to find some inspiration and I got into a website with a layout that I'd like to recreate, sort of...
    This is the one: http://www.astridantun.no
    Vertical layout, with fullscreen background images (they scale with bigger screens), pinned text and objects, snap scroll and other cool stuff.
    It's weird though, because when you scroll down it's like it goes to another page instead of just moving to the next anchor (that's why you can have full screen background and pinned objects in a vertical layout).
    I was wondering... is it possible to recreate something like this without having to mess with the code? Does it use third party widgets?
    I can't understand how it was created and which widgets I could use to make something that looks like this one.
    Thank you!

    This site uses a number of third party widgets from QooQee <Adobe Muse Widgets>.
    I believe the automatic scroll to next anchor effect you refer to is achieved using QooQee's free Anchor+ widget, though I could be wrong. A number of third party widget developers provide widgets for that particular effect. I believe widgets.mu was the first to provide that functionality with their free Scroll Wheel Anchors widget.
    There are many free and paid widgets to choose from in the directory at Adobe Muse Widget Directory.

  • Insert static picture between thumbnails and sliding pictures

    Hello everybody,
    I try to create a fullscreen slideshow behind a static picture with transparent areas in muse ... unsuccessfully!
    In the fullscreen background should be the changing pictures.
    Over these sliding pictures, one static picture with transparent areas, fullscreen (important!), so that you can see parts of slideshow.
    And in the foreground has to be the thumbnails and buttons trigger to control slideshow.
    How can I insert a static picture between thumbnails and sliding pictures?
    Thank you!

    http://www.auttec.de/cross_test/

  • I am looking for the image file that is used on the second monitor .

    Iam looking for the image file that is used on the second monitor when an app is in full screen mode.  not the NSTexturedFullScreenBackgroundColor.png as thats for the fullscreen background generally and not the one for the dashboard eather.
    I dont like the gray background on the second monitor that comes up when an app is in fullscreen mode and want to change it.
    Any help would be apreciated

    i typed in a load of stuff but its not there ill start again

  • Quicktime Player 10 question following Snow Leopard upgrade

    Have been very happy with running Quicktime Player Pro in OS Leopard, but have recently upgraded Leopard to Snow Leopard (10.6.8) which has resulted in Quicktime Player 10 version being installed and over-writing the previous version.
    One of the reasons I loved using the previous Quicktime Player was the ability to go into 'cinema' view when viewing videos, effectively blacking out the whole background of the desktop but allowing me to control the size of the video playing in the foreground. Now to my dismay that control has gone which spoils the whole experience.
    Surely it's not too difficult for the Apple programmers to display a black (or whatever colour the viewer wants) in the fullscreen background of the video being played, irrespective of the scale of the video being played back.
    I'm also very disappointed that the Quicktime Player Pro option has disappeared, I now only have the standard Quicktime Player version 10.0 shown.
    I don't think my request is particularly difficult to achieve, surely an oversight by the Apple programmers?
    As a workaround, does anyone know of a way to play the video with a black background in either normal size, or double size in Quicktime Player 10?

    Hi QuickTimeKirk & AnaMusic,
    Thanks for the info, I never thought of looking in utilities for the previous version of QuickTime Player 7 Pro (7.6.6).
    One small additional question, now that I have QT 7 in the dock I can select it to play videos, but if I click directly on the video icon it opens up in the new QT 10. I assume that all the videos will now default to opening in QT 10, is there any way to change the default back to QT 7?
    To any Apple QT software engineers reading this post, I think the new black layout is very polished, would just like the ability to resize the video playing whilst in full screen mode.
    Two new features I would like for QT 10:
    Full screen background option with the ability to change the background colour from the default black.
    Be able to resize the video playing by dragging the corners of the video or using the cmd + or - keys.
    Seem to recall that you could submit features/improvements to Apple for software and hardware but cannot remember the link to do so - anyone have the link to hand?
    Once again thanks for your help.
    Rich

  • Retina assets causing problems on iPad 1

    I've just overhauled an iOS iPad app to bring it up to retina resolution. It's almost entirely bitmap-based and relies on a lot of fullscreen background images.
    For the (separate) iPhone version, all assets are at retina resolution, and everything works just fine with the default StageScaleMode doing all the downscaling for older devices.
    Not so with the iPad version – the iPad 1 can't cope with some of the larger backgrounds, and gets very crashy very quickly, even with the Resolution set to 'Standard' in the publish settings. It works perfectly with iPad 2 onwards, of course.
    So, my question: does anybody have any tips to optimise my way out of this? I'd rather not have to swap in different assets and coordinates for every display object and animation.

    You got a point here Bob!
    My idea is to send the app with only a few (perfectly functional) articles for approval.
    One other thing I can do is to not work on both orientations. I am using vertical and horizontal orientations to complement the content, on the vertical layout I have the main article and, in some cases, I use the horizontal to present photos as slideshows, scrollable frames...
    But after your comment, I'll con tinue to try (harder) to overcome the problem.
    Thanks.
    Diego

Maybe you are looking for