Full browser flash scalable slideshow

Hi All,
I'm interested in making a full browser, scalable slideshow. I have found tutorials on how to create a full-browswer background with a tiled image, and also how to create a full browser background with a movie that runs in the center of the browswer, but does not scale.
I have seen this done here, for example, at this very beautifl website: http://mslandarchitects.com/# This is what we're aiming for.
I know this can be done with javascript, and I have a version of this done for the iphone/ipad... however, I work for a design firm and we need some easier editable schnazzy effects that flash can offer for those who are visiting our website on any device that is non-iphone/ipad.
Can anyone reccomend a tutorial that addresses this particular topic?
Thanks!

Hi There (Again)
Thanks again for referring me to this site...
I'm having some issues implementing the swf fit. When I use the following code, The swf does not fill up the full browswer window when the window is at its maximum size. I get white space on the left and right that will disaspeer as I shrink the window. I would like the swf to take up the full window, regardless of the size. Would anyone mind taking a peak and the code I'm implementing? See if there is anything glaringly wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <script type="text/javascript" src="source/swfobject.js"></script>
       <script type="text/javascript" src="source/swffit.js"></script>
    <script type="text/javascript">
            var flashvars = {};
            var params = {};
            var attributes = {};
            params.menu = "false";
            params.quality = "high";
            params.scale = "no_scale";
            params.bgcolor = "#FFFFFF";
            params.allowFullScreen = "true";
            params.AllowScriptAccess = "always";
            attributes.id = "flash";
            swfobject.embedSWF("green.swf", "myContent", "100%", "600", "9.0.0", "expressinstall.swf", flashvars, params, attributes);
            swffit.fit("flash");
    </script>
</head>
<body style="height: 100%; padding: 0pt; margin: 0pt;">
<object id="flash" height="600" width="100%" type="application/x-shockwave-flash" data="green.swf" style="width: 100%; left: auto; margin-left: 0pt; height: 650px; top: auto; margin-top: 0pt;">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="scale" value="no_scale">
<param name="bgcolor" value="#FFFFFF">
<param name="allowFullScreen" value="true">
<param name="AllowScriptAccess" value="always">
</object>
</body>
</html>
thank you once again,
R

Similar Messages

Full Browser Flash in firefox help

Hello.
first I'd like to say beforehand that i'm just an average
timeline flash designer. not really deep into programming. and
doesn't know any programming languages except PHP on an advanced
level nothing more nothing less. I mean, I only use javascript via
copy paste from a site that gives codes. so here's my question:
I have made a full browser flash site, or so it was called
(is that official? FBF?) my problem is, it doesn't work in firefox,
i tried googling, it resulted to change the doctype to an older
one, I did that, no progresss, delete the doctype enrtirely, did it
too, still no progress. And, found some site that let's you insert
css:
<style type="text/css">
HTML, BODY {height: 100%; width: 100%}
</style>
did it too but still no flaah in firefox. and oh, I have the
plug-ins installed just fine. here's my html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<html>
<head>
lines 1, 2, amd 3,
and then to the flash part.:
<body>
<table width="100%" height="100%" border="0"
cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="50%"><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="100%" height="100%">
<param name="movie" value="flash/main.swf">
<param name="quality" value="high">
<embed src="flash/bg.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="100%"
height="100%"></embed>
</object><script type="text/javascript"
src="ieupdate.js"></script></td>
</tr>
</table>
</body>
It works ok in IE and btw, I only know how to make a full
browser flash by changing the size in the code from width="x" to
width="100%" and height="x" to height="100%" basically, I just set
any dimension i see in 100%. but of course I already created the
flash movie size that extends to 1280 x 1024.
can you help me please? I hope I enough info so you may
tackle wherever I've gone wrong. Thanks!

Any chance your video card might have "video" related settings that might be interfering? While I'm not suggesting that you switch browsers, trying to reproduce this on another browser will give us a datapoint to see if this is firefox specific. I would recommend giving both IE or Chrome a try to see if it still occurs.

Full Browser Flash

Hey guys,
I need to make my site full browser flash because when a
portfolio element is clicked in its menu, a black overlay fades in
and a project swf is called. Simple enough, but of course the
overlay needs to fill the user's window otherwise it will look
disjointed.
When I publish to full browser flash I have set the
dimensions to 100% and got rid of the margins. The only problem is
that the image and pixel text is distorted because they aren't at
their proper size! Is there a certain size I should build to?
I had one idea that I could have a flat colour background
that uses the stage class to scale it's size whilst the content
stays the same size, the black overlay would use the scale class to
define it's size too.
Would this work? I would obviously need to make sure that the
central site stays central.
Any ideas?
Cheers
Sam

you will have to change the scalemode of the flash movie.
AS1,2
Stage.scaleMode = "noScale";
If you are using AS3:
// assuming mcStage is a Stage object
mcStage.scaleMode = StageScaleMode.NO_SCALE;

Full Browser Flash with Easing

i would like to know how to create full browser flash which
moves back in place relative to the resize of a browser window. i
can not seem to find any writing on this subject.

If you have a lot of elements you are resizing, it may become
worthwhile to look into using a layout helper class to do this
stuff for you:
http://senocular.com/flash/actionscript.php?file=ActionScript_3.0/com/senocular/display/La yout.as
http://abeall.com/files/flash/tests/ActionScript3/Layout.as
http://abeall.com/files/flash/tests/ActionScript3/layout.fla
But it's important to understand how the resizing works. What
both these solutions (above) do is exactly what Jamesabth
described, but it calculates the positions for you.

Full Browser Flash that Validates in XHTML

I would like to have a full-browser flash intro page and have found how to make that happen by using the publish settings in Flash; however, the code it generates includes deprecated elements (such as <embed>) and does not work at all when I try to add alternate content for SEO purposes or change the DOCTYPE. Where can I find how to change the code so that it still works as advertised as an XHTML 1.0 Transitional (or better yet, Strict)?
I'm working with AS3, by the way, if that makes any difference whatsoever...

you will have to change the scalemode of the flash movie.
AS1,2
Stage.scaleMode = "noScale";
If you are using AS3:
// assuming mcStage is a Stage object
mcStage.scaleMode = StageScaleMode.NO_SCALE;

Full browser Flash stop resize?

I have built full browser Flash sites like
www.agilitygraphics.com and
there is one thing I don't like about them. I would like to
be able to
have a minimum size, at which the browser would add the
scroll bars
back. If you look at the site above, it resizes really small
but never
give the viewer a scroll bar. The file is 800px by 600 px,
but you can
resize way smaller and never get a scroll bar. Is there a
way, where I
can add something to the file, where its like: if browser
window is
smaller then 800 x 600 add scrollbar to browser? So like a
minimun size?
Like a conditional to the embed?
Thanks for the help!
Brian

www.truecompassion.org
If the document size is greater that (I forgot what), then it
loads the
flash as 100%,100% (and the flash does internal resizing and
placements), if
not, I load a fixed size flash.
JG
"Brian" <[email protected]> wrote in message
news:ejktq2$l4e$[email protected]..
>I have built full browser Flash sites like
www.agilitygraphics.com and
>there is one thing I don't like about them. I would like
to be able to have
>a minimum size, at which the browser would add the scroll
bars back. If you
>look at the site above, it resizes really small but never
give the viewer a
>scroll bar. The file is 800px by 600 px, but you can
resize way smaller and
>never get a scroll bar. Is there a way, where I can add
something to the
>file, where its like: if browser window is smaller then
800 x 600 add
>scrollbar to browser? So like a minimun size? Like a
conditional to the
>embed?
>
> Thanks for the help!
> Brian

Full browser flash site - bg images are pixelating

I have my swf publishing at 100% width and height and set it to scale with the browser. The background image was a psd designed at a height of 680 px. When I check on larger monitors the background images pixelates. Is the only way to fix this is to redesign the psd at a higher resolution? What would I need to do to make sure the artwork doesn't pixelate no matter what size monitor is being viewed on. Thank you?

Anytime you enlarge an image from its true size you risk visible pixelation. The images would need to be sufficiently large to handle any resolution.

Full Browser in AS3 - Error #1009

Please Help...
I'm learning AS3 and Flash CS4 right now and I'm trying to do what I have been doing in AS2 for years and I'm having some problems. I'm trying to make a Full-Browser Flash site and upon resizing the screen I get an error #1009.
I am able to to resize the mc's on the screen without a problem, but once I add simple interactivity, I get an error upon resizing the window.
To duplicate this problem,
1. Test the movie
2. Click on either circle
3. Then click on the opposite circle.
4. Then either resize or maximize the window and you will see the "Output window" with the Error #1009
I'm sure I'm doing something very stupid, but I just don't know what I'm doing wrong.
Here's a link to the fla file: http://plusonedesigngroup.com/test/nosaletest.fla
Please Help!
Thanks in advance,
Mike.

doghouse.
Yes, I was able to download your file and Thank You for trying to help. The problem for me is I have no idea where to begin with your file... There are 35 ".as" files controlling this movie and I'm very new to AS3.
Isn't there a simple way to control the timeline of a flash movie while using the full browser?
Thanks,
Mike.

Full Browser width slideshow ... can Muse do it (naitively)?

Hi All,
I'd like to place a full browser width slideshow into Muse.
Is there a simple clean way to do this?
I know there is a 'work around' method (discussed at http://forums.adobe.com/message/5359472#5359472) , but I'd like to avoid it.
Many Thanks!
Gary

Muse supports full screen slideshow since the release of Muse 7. Take a look at the video here - http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-november-2013-new-fullscreen-slides how/.
Muse 7 release notes - http://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html#November 13, 2013.
Thanks,
Vinayak

What is the best practice for full browser video to achieve the highest quality?

I'd like to get your thoughts on the best way to deliver full-browser (scale to the size of the browser window) video. I'm skilled in the creation of the content but learning to make the most out of Flash CS5 and would love to hear what you would suggest.
Most of the tutorials I can find on full browser/scalable video are for earlier versions of Flash; what is the best practice today? Best resolution/format for the video?
If there is an Adobe guide to this I'm happy to eat humble pie if someone can redirect me to it; I'm using CS5 Production Premium.
I like the full screen video effect they have on the "Sounds of pertussis" web-site; this is exactly what I'm trying to create but I'm not sure what is the best way to approach it - any hints/tips you can offer would be great?
Thanks in advance!

Use the little squares over your video to mask the quality. Sounds of Pertussis is not full screen video, but rather full stage. Which is easier to work with since all the controls and other assets stay on screen. You set up your html file to allow full screen. Then bring in your video (netstream or flvPlayback component) and scale that to the full size of your stage (since in this case it's basically the background) . I made a quickie demo here. (The video is from a cheapo SD consumer camera, so pretty poor quality to start.)
In AS3 is would look something like
import flash.display.Loader;
import flash.net.URLRequest;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.ui.Mouse;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.StageDisplayState;
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
// determine current stage size
var sw:int = int(stage.stageWidth);
var sh:int = int(stage.stageHeight);
// load video
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
var vid:Video = new Video(656, 480); // size off video
this.addChildAt(vid, 0);
vid.attachNetStream(ns);
//path to your video_file
ns.play("content/GS.f4v");
var netClient:Object = new Object();
ns.client = netClient;
// add listener for resizing of the stage so we can scale our assets
stage.addEventListener(Event.RESIZE, resizeHandler);
stage.dispatchEvent(new Event(Event.RESIZE));
function resizeHandler(e:Event = null):void
// determine current stage size
    var sw:int = stage.stageWidth;
    var sh:int = stage.stageHeight;
// scale video size depending on stage size
    vid.width = sw;
    vid.height = sh;
// Don't scale video smaller than certain size
    if (vid.height < 480)
    vid.height = 480;
    if (vid.width < 656)
    vid.width = 656;
// choose the smaller scale property (x or y) and match the other to it so the size is proportional;
    (vid.scaleX > vid.scaleY) ? vid.scaleY = vid.scaleX : vid.scaleX = vid.scaleY;
// add event listener for full screen button
fullScreenStage_mc.buttonMode = true;
fullScreenStage_mc.mouseChildren = false;
fullScreenStage_mc.addEventListener(MouseEvent.CLICK, goFullStage, false, 0, true);
function goFullStage(event:MouseEvent):void
    //vid.fullScreenTakeOver = false; // keeps flvPlayer component from becoming full screen if you use it instead
    if (stage.displayState == StageDisplayState.NORMAL)
        stage.displayState=StageDisplayState.FULL_SCREEN;
    else
        stage.displayState=StageDisplayState.NORMAL;

Full screen preview and slideshow are blurry / fuzzy

Hi folks-
I just upgraded from CS2 to CS4, in part to improve efficiency of selecting photos - I wanted the zoom and loupe features. Unfortunately a very basic function has been compromised and I'm hoping there's a solution: In both full-screen preview and slideshow the full-screen image is notably blurry. This is a problem for two reasons: 1. I can't judge pictures accurately by just flipping through them in full-screen mode (without zooming to 100% to see if they are well-focused). 2. I can't use Slideshow for, well, slideshows. I've had to resort to keeping another app (like Windows Picture Viewer) open just to be able to quickly flip through and evaluate images full-screen or to show slideshows.
I've tried setting all the options related to image quality (they mostly have to do with caching thumbnails and speeding 100% viewing); I've tried purging the cache files. Nothing helps.
Any ideas? Thanks!

It seems to me that there is something wrong with it.
I am trying Bridge CS4 as a viewer for my JPEG files.
I also noticed that the previews were fuzzy. I activated the high-quality previews as well as the option to generate the previews at screen size.
Here's what I noticed. I went to check out a specific photo that is quite sharp with a number of straight lines, angles, details, where it's very easy to detect a lack of sharpness. That photo immediately looked fuzzy to me, which didn't jive with my memory of it. I quickly opened it in other viewers, which displayed it as intended with all the expected sharpness.
So, I went through the settings to see where the problem could be and I immediately thought of checking the box to get software previews instead of hardware, restarted the app, purged the cache, tried again. There my photo had recovered its sharpness, or at least most of it. I thought I found the culprit, but not quite.
I went to browse other photos and found one in particular with a lot of fine detail (hair) and that photo also didn't display all the sharpness that it should have (I was still using software mode). The difference was very slight and to make sure of it it required A/B comparison between Bridge and PS, but there was a difference.
Now I tried the opposite. I went back to hardware rendering mode, restarted, purged the cache, tried again. That second photo looked alright in preview, but the previous photo looked fuzzy again.
So, it doesn't work the same way for each photo...
What's the main difference between the first photo, obviously fuzzy in hardware mode, and the second one, alright in hardware mode but slightly fuzzier in software? The ratio. The first one is a vertical photo, the second one is horizontal (close to square).
I quickly checked other vertical photos and they showed the same behavior...
Now staying in hardware mode, I noticed something else. When I preview the vertical photo and click on it, or double click, it quickly jumps, switching between 2 versions of the photo: the one displayed originally (fuzzy) and another one, with a very slightly different size, which is sharp. During that manipulation it also briefly displays "100%" at the top of the screen. It doesn't stick when you click and immediately switches back, so it looks like a glitch.
Now in software mode, I tried the same, this time you can click once on the photo (which is originally displayed *almost* sharp). When you click once, it displays "100%" but also displays a very slightly smaller version that is clearly fuzzy. Clicking again goes back to the other, less fuzzy one, but doesn't display "100%" this time.
Doing the same test on horizontal photos shows no change that I can see.
So, it seems to me that in the preview mode, Bridge has trouble displaying some photos (vertical ones?) in their actual resolution (100%)
and since there is a slight resizing going on, it brings fuzziness. This doesn't explain the very slight fuzziness seen on horizontal photos in software mode.
Now I'll mention, for those still awake, that I saw no fuzziness on the same vertical photos when I go to Review Mode with *hardware* rendering. Photos there are sharp. Now if I go to the review mode with software rendering enabled, vertical photos are not 100% sharp (akin to the small difference I mentioned earlier while in software mode), while they are sharper in preview.
To sum up, it seems that the only configuration that gives me consistently 100% sharp (=as they were meant to be after post-processing) photos no matter what their orientation, is when I stay in hardware rendering mode and use the Review Mode, instead of preview.
This all really smells like a bug.
For info, I am using Windows 7 and an ATI HD4850 card, and this only about processed JPEG files, not RAW files.
Perhaps the preview is really meant as a quick preview and not a tool to view final photos at 100% accuracy...

Full browser window placeholder that acts like background image fill?

I want to be able to set full browser window placeholder that acts like the background image fill function, but be able to then build in a multi-anchored horizontal parallax. The effect is like we have a background image fill, but can slide horizontally between pages as if they are in a slide show. Simultaneously, content inside the placeholder such as longer paragraphs of text can scroll down - on top of the image layer, but inside the borders of the image placeholder. For a clear example of this, see this website: http://argonautinc.com/
I've read and searched but to no avail. I'm only about one week into Muse, so please forgive me if this is super simple! Thanks, Nico

Hi Nico_Cineaste,
You can achieve the design by using Fullscreen Slideshow in MUSE as object.
Open any page in MUSE , click on the "Object" >> Slideshow >> Fullscreen.
Click on your blank web page.
This will give you a full screen slideshow.
You can now design as per your requirement.
Thanks
Prabhakar Kumar

Maintaining proportions with full screen flash

hi, I have a flash site set up that allows a mc in the
background containing various images to always take up the full
browser window while the foreground elements remain unchanged. What
I would like to do is keep the background images from distorting
when the window is resized...a good example of this is on
redtettemer.com - it maintains proportions and just cuts off at the
bottom or side if it would cause any distortion.
this is the current code I have on frame 1:
Stage.scaleMode = "noScale";
Stage.align = "TL";
var stageListener:Object = new Object ();
stageListener.onResize = positionContent;
Stage.addListener(stageListener);
function positionContent():Void {
portfolio_bg._width = Stage.width;
portfolio_bg._height = Stage.height;
positionContent();
can anyone help with this?
thanks

S.U. wrote:
Is this the same problem these other folks are having?
http://discussions.apple.com/thread.jspa?threadID=2587510&start=0&tstart=0
http://discussions.apple.com/thread.jspa?threadID=2636991
No, like cberube said, the graphics aren't corrupt/garbled at all.
The frame rate of the flash video when full screened is the problem here. It has to be something related to OSX and the Adobe Flash player built into the browser. I tried this in both Safari and Firefox to isolate the browser as a variable in the problem.
No matter the quality of the flash vid (it could be an HD TV show from hulu, or it could be some crappy youtube vid) the frame rate will drop massively if you select full screen, but return to normal "smooth" rate when you exit full screen. The only way to fix this is to uncheck "Enable Hardware acceleration" by right clicking on the flash video and entering the flash player settings within the browser.
This is only a work-around as unchecking hardware acceleration means your CPU must now work harder to render the graphics since it seems the OSX on-board graphics unit isn't capable of handling it. Normally, if this happened, OSX would activate the NVIDIA gpu which should be more than capable of rendering a full screen flash video without breaking a sweat. This doesn't seem to be occurring though.
Hopefully this is a clearer description of the problem.

Mouse back/forward buttons don't respond after exiting from full screen Flash video

Yeah. Has anyone else encountered this? After viewing a full
screen video (YouTube, Hulu) and exiting (via the ESC button), the
back and foward buttons on my mouse stop responding. Really!
Usually I will have to go back into a full-screen video twice for
the buttons to get "stuck," and then it takes them several minutes
to regain their functionality.
I've had this going on for over a year now, and I'm finally
sick of it enough to where I want to get some help. I've narrowed
it down to the Flash player as being the culprit, and it happens on
every browser I've tried it on (Firefox 3: RC2, RC1, Beta5; Firefox
2; IE7; IE6; Safari 3.x). This started happening when I upgraded
the Flash Player and the first offending version would be the one
that introduced the current full screen Flash video technology. I'm
guessing it was 9.0.
I have a Logitech MediaPlay wireless mouse, Win XP SP2. I
have the latest version of Flash and the most up-to-date mouse
drivers.

I have the same exact problem, only a different model
Logitech. Have you found a solution? Thanks, Shawn.
[email protected]

Looking for FULL SCREEN flash web gallery template

Hi,
I'm looking for a plugin for PS to make full screen flash gallery, something similar to this:
http://www.paulvanroekel.nl/picasa/CoolFullScreendemo/index.html
anyone know of any? free would also be good
Cheers,
TBK

You don't need a plug-in – there are dozens of free web gallery generators out there.

Full browser flash scalable slideshow

Similar Messages

Maybe you are looking for