embedding flash in a jpeg

[Blelisa]

Hi, I have a .jpg file image that I already created, it is the top header of my web page. i would like to inbed a flash animation that I made in the upper right hand corner. Does anyone know how to do this? I have fireworks and photoshop.

[HelenDev]

Hi there,

I don't think you can actually embed a flash movie in a jpeg.

A couple of solutions I can think of are...

A) Make the whole image a flash movie

B) Cut the image up like a jigsaw puzzle and slot the flash movie and the bits of image into a table, to make what looks like one complete image.

[choster]

You cannot embed a Flash movie inside a JPEG. In addition to the two options HelenDev offered, you can also make the JPEG a background and overlay the Flash using CSS:

<style type="text/css">
#header {background: #fff url(/images/mybackground.jpg} no-repeat}
#myflash {position:absolute; top:0;right:0}
</style>

<div id="#header">
<object type="application/x-shockwave-flash" id="myflash">
<param name="movie" value="/movies/mymovie.swf" />
</object>
</div>

[benihana]

i think by far the simplest method is to embed the jpeg in the flash movie, as a background.

[Blelisa]

choster,
I did that but my background image is not appearing

[benihana]

for the overlay to work, the flash movie background would have to be transparent , and the code that does that only works in IE (AFAIK)

[Blelisa]

Benihana,
I embedded my image in my flash movie and than tried to put the flash into my page but it is not going where I am telling it to go. I have assigned it an id of top from my external style sheet but it shows on the page to the right about 3 inches.

[benihana]

why dont you post a lttile of the html and css? just the relevent snippets

[Blelisa]

CSS:
#top {margin:0 0 0 0;
position: absolute;
top:0;
right:0;
width: 100%;
height: 112px;}

HTML:
<object type="application/x-shockwave-flash" align="left" id="top">
<param name="movie" value="spin.swf" />
<embed src="spin.swf" align="left"></embed> </object>