Question

i have a flash based site.
i would like to position an ad on top of it with javascript (centered horizontally like the site).

<script type="text/javascript">
var pw_d=document;
pw_d.projectwonderful_adbox_id = "00000";
pw_d.projectwonderful_adbox_type = "0";
</script>

the flash site is all in 1 flash container. i plan to just leave a visual gap in the flash site for the ad to hover over.

i don’t know the html or javascript required to do this.
still searching, this seems like it might be somewhat common.

i assume i will be using div(s)

the reference site:

http://www.charbythevampirate.com/shell.html?page=comics&comic=24

Answer 1

Here’s something quick I mocked up.

http://jsfiddle.net/meNVU/

Basically, you want to position your image absolutely in css, then set both the top and left properties to 50%. After that, set margin-left and margin-top to half the width * -1 and half the height * -1 respectively. Then, just set the z-index on the <object> embedding the flash to 0, and the z-index for the image to 1. That should (and did) get you on the right track.