Placing Flash on-top of img map

Placing Flash on-top of img map

Posted by: basskozz
Posted on: 2009-01-25 19:49:00

Is it possible to place flash on-top of an image that also contains a link map (image map)?
For example: http://jarringmovie.com/stills.php
Can I place the "simple viewer" (flash) on-top of the header image and retain the links on the image?

Also: http://jarringmovie.com/motion.php
Can I place that flash movie trailer on-top of the header graphic?
Edited by basskozz on 01/25/09 09:56 PM (server time).

Re: Placing Flash on-top of img map

Posted by: basskozz
Posted on: 2009-01-26 15:24:00

Update, I am now using the quicktime streaming function of dreamhost for my trailer: http://jarringmovie.com/motion.php
How can I embed that into the header image?

If I use z-index, I have to use absolute positioning, which messes up the centering of the header image with the users browser :(Edited by basskozz on 01/26/09 03:48 PM (server time).

Re: Placing Flash on-top of img map

Posted by: Atropos7
Posted on: 2009-01-26 19:41:00

This works for me in IE 6 and Firefox 3 on Windows XP.

http://atropos.openvein.org/Web/jarringmovie.com/motion.php.html

cool openvein.org -//-

Re: Placing Flash on-top of img map

Posted by: basskozz
Posted on: 2009-01-26 19:51:00

Thanks Atropos7,

The only thing is the image map (links) aren't working for me, do they work for you?

I guess I can recreate a map for each image section, is that correct?

I truly appreciate all the help & effort you put into helping me on this :-D
-BassKozz

Re: Placing Flash on-top of img map

Posted by: Atropos7
Posted on: 2009-01-26 19:54:00

Yeah, didn't take time to fix the image map. So you will need two image maps.





cool openvein.org -//-

Re: Placing Flash on-top of img map

Posted by: basskozz
Posted on: 2009-01-26 19:59:00

Cool, Thanks Again...
BTW, what did you use to create this?

Re: Placing Flash on-top of img map

Posted by: Atropos7
Posted on: 2009-01-27 03:03:00

In reply to:

Cool, Thanks Again...
BTW, what did you use to create this?


Only needed a graphics program to slice up the header image. Edited the XHTML and CSS by hand.

I think it would have worked without splicing if you had just positioned the header as relatiive - it establsihes the header as a containing block. Then include the movie as a child of the header. Then the movie can use absolute positiioning - offset from the header.

The only difference from that and my approach was that I used absolute positioning to place the image pieces around the movie.

Setting the width of the header and then using "margin: 0 auto" centers it horizontally in the page.



cool openvein.org -//-

Tags: image mapserver time