Welcome to WebmasterWorld Guest from 50.16.31.61

Forum Moderators: open

embedding flash in a jpeg

   
3:27 pm on Mar 9, 2004 (gmt 0)

10+ Year Member



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.
3:32 pm on Mar 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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.

3:42 pm on Mar 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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>

3:48 pm on Mar 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



i think by far the simplest method is to embed the jpeg in the flash movie, as a background.
3:56 pm on Mar 9, 2004 (gmt 0)

10+ Year Member



choster,
I did that but my background image is not appearing
4:03 pm on Mar 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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)
4:41 pm on Mar 9, 2004 (gmt 0)

10+ Year Member



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.
4:43 pm on Mar 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



why dont you post a lttile of the html and css? just the relevent snippets
4:49 pm on Mar 9, 2004 (gmt 0)

10+ Year Member



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>

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month