pre-loading background image in table

liunx · Jan 10, 2008

I'm trying to preload a background image in a table to create the illusion that the flash file that is actually loading in the forground is already there. My flash file is simply a media player up front with a 2+ meg sound file loading behind the scenes. Due to the size of the sound file the media player graphic buttons do not display until the sound file is loaded. To create the illusion that the media player buttons are already there while the file loads, I placed the flash object inside a <TABLE> so I could include a background image of the player w/i the <TABLE> code. Strangely enough, the background image isn't loading any quicker than the actual flash file, so I wanted to see if I could preload the background image in the table. 
 
I tried using a standard preloading script in the header, an onload code in the body but I can't seem to get the syntax right when using the preloading code in the table tag. 
 
Suggestions?..... I'm VERY new and most of my mistakes would just never happen to an expert! 
 
One mistake I made, in similar circs, was to leave the image as a .fla file - so it needed Flash to load! Presumably you've used an image editor to convert it to a gif or a jpg. 
 
I also had some trouble with preloading. But I'd missed out a comma

The other thing is to make sure your table is in front of the other stuff - I only know how to do this using layers, but it sure makes a difference! You could set a timeline to keep the image in front until your application has loaded. 
 
Hope you've got it sorted by now, anyway. 
CAAI've been developing web sites for a number of years and have been using flash with audio for about one year. I thank you so much for taking the time to reply, but I used a gif file for the background, and my flash is swf. I didn't want to post my code, as it includes a lot of text, but maybe I should to assist folks in their efforts to assist me.

SCRIPT: 
 
<script language="JavaScript"> 
 
</scipt> 
 
___________________________ 
 
BODY: 
 
<body BGCOLOR="#DCDBA3" onload="loader();"> 
 
___________________________ 
 
TABLE w/ FLASH and BACKGROUND: 
 
(currently w/o preloader code because I don't know how to structure it - see below code for more info) 
 
 
 
 
<table align=left valign=top background="http://www.internetsuccessfast.com/images/audio_home.gif"><tr valign=top><td valign=top> 
<center>Listen to Barbara!</center> 
 
<center><table><tr><td> 
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" 
id="welcome" width="60" height="28"> 
<param name="movie" value="http://www.internetsuccessfast.com/audio/welcome.swf"> 
<param name="loop" value=false> 
<param name="quality" value="high"> 
<param name="bgcolor" value="#FFFFFF"> 
<embed name="welcome" src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.internetsuccessfast.com/audio/welcome.swf" loop="false" quality="high" bgcolor="#FFFFFF" 
width="60" height="28" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/shockwave/Download /index.cgi?P1_Prod_Version=ShockwaveFlash"> 
</embed> 
</object> 
</td></tr></table></center> 
 
 
<center> 
runtime 2 min 24 sec</center> 
 
</td></tr></table> 
 
 
~~~~~~~~~~~~~~~~~~~~ 
If it were a straight image file load the code I'd use would be: 
 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.internetsuccessfast.com/images/audio_home.gif" id="image1" style="visibility: hidden"> 
~~~~~~~~~~~~~~~~~~~~Check out the thread named "image swap without using JavaScript" in the HTML section of this forum. You'll find your answer here. Make sure you don't use JavaScript if the image swap is important, because some 13% of all users have it disabled! Choose CSS in stead. 
 
Cheers, Jochem

pre-loading background image in table

liunx

Guest