Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash




Background Image In Flash Or HTML



Hi there!

I've got a Flash movie with a photo background for added effect, the problem is, this is bumping my movie up to 118 K, its 72K without the background.

I've tried putting the background in HTML, but it won't scale to fit the screen. I've also tried using layers with a 100% sized image, but this screws up if the browser is resized.

Should I put my background in Flash or HTML? Which will be faster at downloading?



ActionScript.org Forums > Flash General Questions > Other Flash General Questions
Posted on: 09-03-2004, 03:29 PM


View Complete Forum Thread with Replies

See Related Forum Messages: Follow the Links Below to View Complete Thread

Using Flash As HTML Background Image?
Can I use a SWF as a HTML background image?

I've tried this a couple of different ways...

Any tricks to make this work?

Changing The Background Image In Html From Flash
I have several frames of a flash movie. I want the back.jpg image in the html page to change to back1.jpg when I click in my flash movie to frame two.

I'm a designer, and not a programmer, but, I assume it's a simple javascript issue.

M

Using A Flash Movie As A Background Image In HTML?
I want to use a flash movie as a background image in HTML. Can this be done? If so, how do I make it happen. I've tried various solutions, but no luck so far. Thanks in advance for the help.

Josh

Flash As Background Image Of HTML-Page
Simple question!?

is it possible to place a Flashmovie (swf) as a background-image into a HTML-table as you can using *.jpg's and *.gif's.

bye

smik

[CS3] How Do I Change The HTML Background Image From Flash?
Hi,

I'm new to the whole forum thing, but i'm running out of ideas of how to resolve this issue.

I've created a transparent flash movie, for a new portfolio website. I've dropped it into an html page with a full bg image (2000x1500) but i want to change the html bg image each time i click on a new area of the flash movie.

Can this be done? I know it requires javascript and actionscript, but as a designer i am having a real hard time trying to find any solutions or understanding any code thats out there.

Please help if you can...

Cheers in advance.

Changing An HTML Background Image From Flash
Hi all,

I am building a site right now that gives the users the option to change the color scheme of the site.

The problem I am running into is my footer an image outside of flash as the background colour of a table.

Is there a way that I can create some sort of function in flash that speaks with the html of the page to change that table cell's background image? I assume it would be javascript if it's possible.

Html Background Image Covered By Flash Stage
http://rufushale.com/test.html for example.

I am using Flash Pro 8 and DW 8 on ibook g4.

The problem is that i cannot seem to prevent the Flash "stage" from taking up most of the screen, covering the bg image, which is the green stripes. It does not matter how small I make the stage in Flash.

Here is the page code:

<html>
<head>
<link rel="shortcut icon" href="Assets/Images/favicon.ico" >
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function createWindow(cUrl,cName,cFeatures) {
var xWin = window.open(cUrl,cName,cFeatures)
}


//-->
</script>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style7 {font-family: Arial, Helvetica, sans-serif; color: #996600; }
.style8 {font-family: Arial, Helvetica, sans-serif}
body,td,th {
background-image:url(http://rufushale.com/vertstripes.jpg);
background-attachment:fixed;
background-repeat:repeat;
background-position:center;
}
{font-family: Arial, Helvetica, sans-serif;
color: #3399CC;
}
.style12 {font-family: Arial, Helvetica, sans-serif; color: #FF9900; }
.style13 {
color: #FF9900;
font-weight: bold;
}
.style14 {color: #FF9900}
-->
</style>
</head>

<body bgcolor="#FFFFCC">
<div align="center">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">
<param name="movie" value="test3.swf">

<param name="quality" value="high">
<embed src="test3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object>
</div>

</body>
</html>

Html Background Image?
How would you do a background like this and make it line up with the flash movie? -----> EXAMPLE Woul I use CSS or what? Thanks for the help!

Can SWF File Be Background HTML Image?
Hello everyone,
Can an SWF file be used as a background image in a HTML source?
Thanks

Background Image Question (HTML)
Hi, I'm trying to achieve creating a Flash movie which has its background set to transparent, then having a background image loaded into the HTML. (Partly inspired by being impressed with a similar effect on Less Rain

I am just about to grips with basic HTML & my transparent movie works fine on top of the image. The problem I have is that the 800 x 600 background image begins to tile on the edges of the page. Does anyone know how I can make the HTML auto-size the backgrond image to fit the entire browser please?

Alternatively, are there ways of getting Flash to embed an image instead of a colour as the background? I use both Flash 5 & 8 depending on project- though I'm relatively intermediate on both.

Hope someone can help, thanks in advance

Hiab-x

Background Image For The Published Html
hi guys...super basic, i know. i even looked around the forums, google, etc with no luck (likely cause i just didn't know how to verbalize this). I am curious how to create a background with gradient onto my published html. Must it be an image in the body tag (<body background="image.png">)? i tried this but no luck. I'm hoping the answer may avoid an image for these reasons:

1-i don't know how big the image will need to be
2-it takes longer to load
3-it looks funny trying to fit the flash movie ontop of the image...it's not smooth

any thoughts? thanks

Adding A Background Image With HTML?
Just a quick one. Want to add a background image to the html of a flash site so the background image can scale and the content of the flash site not scale. Any ideas anyone??

Thanks all!

Background Color Change From Swf To HTML-image
I've been having problems with some color changes.

The background picture in the flash movie has a color which is similar to that of a picture that lies in a scaleable HTML-table beside the swf in the indexpage.

The problem is that on lowres/low color monitors, you can see the transition from swf to the HTML table. There's a slight color change that is only visible on low color monitors.

How can I avoid that? Does anybody know that...

HTML Background Matching Flash Background
Hey, I have a flash website that opens as a pop up, the pop auto fullscreens. The background in the flash document is a gradient, and I have a gradient in the background of the html. My question is how would I get the background of the HTML to always match up with the flash background using a percentage?

www.flippingsweet.net/index2.html

Flash As A Background Image
HEy all,

Anyone know if its possible to have a flash animation
playing as a background image?

and if so is it stable and how is it done?

It would be so awsome to have!

Anyone got any comments?

Flash Swf As A Background Image
this would be incredible if I could use a swf as a background image in either html or css. Anyone know if it can be done? Or does anyone know a workaround. I am trying to (i know it may be against the rules) make a simple rounded rectangle with some attnetion getting animation that surrounds the google ad. When I insert flash it moves the javascript down. This may actually be legal since I am not directly telling the user to to click the links, just using the flash as layout. Thanks


http://flashmailforms.com

Background Image In Flash.
I am in the process of putting together my own site. Currently I have a background image in my html that repeats horizontally and vertically. I then placed my Flash movie on top of the page and set the background of the Flash movie to be transparent. It looks great and works but, unfortunately, the transparent background combined with my animations are a little too processor intensive.

So my question is, how can I place a background image in my Flash movie so that it will cover entire browser background (a.k.a. tile) without being processor intensive? Also, I'm trying to avoid using an enormous image for the background.



BTW: This weeks site of the month seems to be pulling it off. http://layouts.drawingart.org/

Flash 8 Background Image
hi i was hopeing someone could help me with flash 8, i have a image i want to set as the background but it doesnt fill the background!!! there is still white areas
i have used the linkage option and it still doest fill the page when on the browser can anyone help??

Background Image In Flash.
I am in the process of putting together my own site. Currently I have a background image in my html that repeats horizontally and vertically. I then placed my Flash movie on top of the page and set the background of the Flash movie to be transparent. It looks great and works but, unfortunately, the transparent background combined with my animations are a little too processor intensive.

So my question is, how can I place a background image in my Flash movie so that it will cover entire browser background (a.k.a. tile) without being processor intensive? Also, I'm trying to avoid using an enormous image for the background.



BTW: This weeks site of the month seems to be pulling it off. http://layouts.drawingart.org/

Flash As Background On Html
I would like to know how is possible to add a flash movie as a background in a html site already with text and imagens...
Thanks so much...

Flash Background In HTML
Hey all,

A background in html is an image that is tilled to seamlessly fill the screen...right?

So...
Is it Possible to have my background as a swf??
Scaled to 100%, it surly could cover the entire background of the site, with endless motion. eg. bubbles...or wind...

has anyone done this?
or CAn some one tell me how?

thanks everyone!

Background In Flash And HTML
Hello,

i am just posting my web site and i got a big problem.

My flash movie has areas where there it is empty. So i want those areas to get the same texture as the background which i use for the page where that flash movie is inserted.

I tryied to insert an image in flash but it doesn't look perfect in the transition. Do u know how to solve this?

Thank You,
Miguel

Flash As HTML Background
Hi,

I know this has been covered before, but I can't get the suggested methods to work. I have followed the instructions from here: http://www.kirupa.com/developer/flash5/dhtmlflash.htm
I basically want to do the opposite of that, i.e. I want the Flash under the text, not on top of it. I thought I could just change the Zindex of the Flash to 0, or -1, but it didn't work.

I'm using Flash MX 2004 Pro, although I doubt that makes much difference as I think the solution will lie in the HTML.

Thanks.

Using Flash As A Background In Css Html
Is it possible to use a .swf for a background in an xhtml/css file and then put text and other <div>'s over top of it? If so, are there any browser limitations?

Don't Want Flash Doc Background In Html
Could someone please help me

I have a flash document swf and html to export into dreamweaver.
In flash document dimensions are set to 1280 by 1024.
This what my display properties sceen resolution is set to.
I have the flash movie set to the same size as the document but when I publish and open the html in dreamweaver there is the document background color around the swf movie. No matter what settings i use there still is a 5 pixels odd of document background which looks like a border.
I have tried to adjust in the publish settings dialog box the Dimensions settings to 100% and also scale. No luck. etc
How do I get rid of the background . I would like the swf to take up all of the width of the html page. No borders.


Thanks for your help
Tiaka

Html/css Background Flash Help
I seriously need some help. I am somewhat new to flash and need some help as soon as possible (ANY REPLY will be greatly appreciated). I submitted an earlier post under the topic "masking a fading image," but no one has replied (I didn't mean for it to sound ignorant or retarded, but I'm just trying to find the right words to accomplish what I'm trying to do. I will break the entire task down into more appropriate topics and take it one step at a time.

My first step is as follows: I've created a flash movie file that I would like to set as the background in an html page. Is this possible? I do know when I publish the flash as a transparent web page, I can view the source, copy that, and integrate it into the html page I want to create (with a background color ="#000000") as long as the flash file is saved within the directory of the web content. However, the code (since it is transparent) seems to be just placed on the html page (on the foreground), and the animation will hover over any links or pics that are also place within the page. Is there a way to set the whole flash file in the background of the html page, so it doesn't seem to hover over other content? Thank you ahead of time.

Joe

Flash As HTML Background
Is it possbiel to make flash as a html background?

well.. this is what i typed in


Code:
<embed src="main.swf" style="postion:absolute; left:0px; top:0px;">
it did show up however my minline frame covered the flash even though ive set the alpha of the inline frame to 75.. it should be a little opaque.. anywayz i need help! Thanks

Flash Background In HTML?
Is is possible to have an .swf file as a background in an HTML file so that it covers the users browser 100%? I am able to get the background as 100% scalable but I am having a hard time figuring out how to add tables and content to it? I would like for it to be compatible in IE and FireFox. Heres a snippet of the div tag and swf settings.

Sorry if this is the wrong category for this thread and thanks in advance.

This is placed in between my body tags.

<div id="branding" style="position:absolute; left:0px; top:21px; width:100%; height:100%; z-index:199; visibility: visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="100%" hspace="0" vspace="0" width="100%">
<param name="loop" value="false">
<param name="menu" value="false">
<param name="movie" value="bg_login.swf">
<param name="quality" value="high">

<embed src="bg_login.swf" height="100%" hspace="0" loop="false" menu="false" quality="high" pluginspage="https://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" vspace="0" width="100%"/>
</object>

</div>

Flash As A Background, Html On Top, Possible?
is it possible to place a flash video into an html document as a background of a cell? with html text over top of the flash video?

?

thanks,

jh.

Flash As HTML Background
Is it possbiel to make flash as a html background?

well.. this is what i typed in


Code:
<embed src="main.swf" style="postion:absolute; left:0px; top:0px;">
it did show up however my minline frame covered the flash even though ive set the alpha of the inline frame to 75.. it should be a little opaque.. anywayz i need help! Thanks

Flash + Html Background
Hi all.

A lot of times I've seen flash websites with two vertical bands at the sides of the swf, especially when that bands had a drop shadow.

I have two questions:

1) Are that bands included in the swf?

2) What is the best way to use drop shadow laterally to the swf?

Thx to all and sorry for the bad english

Flash Movie As A Background Image?
hi everyone.

do you know if its possible to have a flash movie as a background?
i want to have an animation in the back ground whilst an html shopping cart is ontop... is this possible?

everything is contained within a table, but wondered how i go about actually setting the file in the background.
cheers.

Putting Flash On Top Of A Background Image?
I need help putting a finished Flash file on top of a background image for a website.
I want to put the flash file on a certain area of the bg and I have noooo idea how to do this, completely clueless
I'm not even sure if this is done in flash. But I would really appreciate any and all help that may guide me on my way. Thanks

Tile A Background Image In Flash
Hello im new here so I don't know if im in the right topic for this:

How do you "tile" an image in flash? I have seen so many flash sites with tiled background images (ex: 2advanced.com, look closely at the pinstrip design in the background). How do I do that? How do you tile an image in general?

Thank You guys in advance!

How Do U Put Background Image On Flash Mx2004
on flash mx 2004 do you know how to put a background image.

when eve i work on a project i always get white space on my project on the left side and on the right side.

how can i put an image as a background so everything will march with my project and no white space?

Thanx for the suport

Knocking Out Background In An Image For Use In Flash...
hey there...
i'm trying to put a picture (ie. person standing) without the background into flash.

i'm able to knock out the background in photoshop, but when i try to import, or copy paste the image into flash, the background, or a white box is still in the background.

how can i just get my image, in this case... just the person and not the background into flash?

thanks!
-

Simple Flash With Background Image
Hi I am a newbie to webdesign and even more to flash. Currently I am designing my first company webpage with Dreamweaver 8. I would like to place an image above the menu with some company messages in flash fading slowly into each other like these 2 websites here

http://www.ebnsoftware.com/index.asp
http://www.6pmodel.com/

Any idea, which is the simple way to start?

Regards
guzi

Help On Loading Background Image From Css In Flash 8
i need help on how to load a background image from a css to flash 8...HELP!!!can someone please show me step by step and the codes that i need to do...

A Question About A Big Ole Background Image In Flash
Howdy! Thanks for taking the time to read this... I'm relatively new to Flash and I'm loving it - I have a quick question which hopefully will be pretty easy for someone to help me out on...

I'm working on a site where they want a large background image sitting behind the various nav elements, etc.

I know about giving a Flash movie a transparent background, but apprently that only works on IE on Windows. This needs to work the same for Netscape, etc.

I have found a site that uses the effect: http://www.davidemmite.com/dep.html

Very cool - but I'm not sure how it's being done. The background image itself shouldn't cause any scrolling, and I'm guessing it will need to be quite big (1280x768 pixels) - like the site I listed above, if someone resizes their browser window, the background image should simply get cropped. Can anyone give me a helpful hint or two about how to approach this?

Many thanks in advance,
Zeep

Loading Of Background Image From CSS To Flash 8
Hiya, I need to load background image from css to flash 8. Is this possible and if possible, how am I going to do it? Can anyone pls help me and greatly appreciated if u could show me the actionscript on how to do it. Thanks alot!

Transparent Flash Over Background Image?
Hi All

Can a flash file be transparent? I want to use a flash animation in an html page where I have a background image defined by CSS, but I want the background image to show through the flash animation. Is this possible?

Thanks

JPEG Image In Flash, With No Background
Hello,

I created an image with no background in photoshop, and saved it as JPEG, but when I import it to flash, the image shows as a rectangle with a white background..
The image that I want to see on the screen is round, how can I get rid of the background?

Thanks,
Y.

Flash Movie Background Image
Hi Everybody,

Can I, in my Flash movie, place in a background a small gif image who will repeat itself like when I do in Dremaweaver a background image?

I would like to do this because I think the .swf file will be smaller. I dont want to put a big image on the bakground or my movie will be to heavy.

Do you have a trick to do this?

Thanks all !

Changing A DIV's Background Image From Within Flash
Hello,

I figured out how to change a div's background with javascript. When I try to do this with flash, I fail horribly. Anyone out there can help me out in this situation please? Here is the code I have to change a div's background image with just a javascript call within the code. Thank you very much.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "(URL address blocked: See forum rules)">

<html xmlns="(URL address blocked: See forum rules)">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Untitled Page</title>
<style type="text/css" media="all">
#npcontainer {
background-color: red;
width: 300px;
height: 300px;
}
</style>
</head>

<body>
<div id="npcontainer">HELO ROBOCOP</div>
<p><a href="#" onClick="document.getElementById('npcontainer').style.background='url(test.jpg)'">CHANGE IT</a> </p>

</body>

</html>

Html And Flash Page Background
I would love to know how the guys who did www.south.uk.net made the dropshadow on either side of the body.

I can see the use of www.south.uk.net/sides3.swf for the background, but where does the dropshadow come into it?

Any experts out there at pulling apart sites - I would love your help.

Thanks.

Flash HTML As Desktop Background
I made a nice desktop swf animation which serves as a , well i dont know how to explain it but, look :

http://nsad.web1000.com/misc/desktop01.jpg

yeah, and i was wondering if there is anyway to get rid of the background of the text on the bottom of the icons? I know those things cant be get rid of if the desktop background is HTML though.

Thanks in advance for any help.

Flash SWF As Background On HTML Page?
Is it possible to set a SWF file as the background of an HTML page (or table)? We want to have a moving background on the page using Flash, but we want to be able to put HTML text / graphics / etc over the background. Is this possible? If so, how? I use Dreamweaver. Thanks!

Flash As HTML Page Background
I have seen a few site in the past using a swf as the sites background while the remainder of the site is HTML or PHP.

The last site I saw doing this was a section of bbc.co.uk but htey have since removed that section other wise I would of looked at their code to see how it was done.

So my question is how would I do this? I am guessing Javascript but does anyone have an example?

Cheers

Kevin

Transparent Flash Background In Html In Mac?
Hi,there!

There is a serious problem:I have a flash with triangle stage,and I want to publish it in html on mac and transparent its background.But it seems has no effect.

How should I do?Can anybody give me any idea?

Thanks!!

Copyright © 2005-08 www.BigResource.com, All rights reserved