Overlapping HTML with Flash (annoying flash ads)

Remember those annoying flash ads that take all the users attention away by overlapping html content?

Well I need to figure out how to do this so I can use the same effect on a flash menu that needs to drop down over html content.

Hopefully that makes since Ive made several posts about this across multiple forums and now one seems to have the answer.

I don’t know if this effect is applied in flash, or through the html….but theres a way and its pretty easy I think…just need to find out how… Anyone know of a tutorial or links that would be awesome! need this feature for a good paying client.

I believe its done using CSS . It can create layers, which is what you will probably need to do. Flash overlap HTML

Its done by using javascript to resize the swf object’s div. For example when you rollover/click etc. In AS3 (I don’t know AS2 ) you use the ExternalInterface Class.

Naturally the swf object (wmode set to transparent) will show above the html anyway, the resiizing of the div is to make sure that the rest of the page doesn’t act like a flash file (right click menu etc).

Then just use a transparent BG to your overlapping menu section.

Don’t have the code to hand.

Check for div resizing on web and also see the external interface class on live docs.

arctic,

It can be done with pure CSS using positioning and z-index. Here’s an example:

http://pastie.org/464503

This file might be helpful: http://activeden.net/item/advert-breakout-sticky-notes-edition/15135

set the param background to transparent and stick the zindex higher – the important bit is background transparent though

well I downloaded

http://activeden.net/item/advert-breakout-sticky-notes-edition/15135

but its not working with Joomla….

This method would work with static html, but Joomla’s index file is php…everything is stored in module positions (div tags)

I used the advert file to embed my flash in joomla, worked fine…

but my flash is still non-viewable from outside the div tag I embed my flash in…

Any ideas why?

If I resize the div, won’t it push my other divs containing my content thats under it down?

set the param background to transparent and stick the zindex higher – the important bit is background transparent though

I have done this actually…its top layer on site….background is transparent…that works fine….

My issue is I have content that is OUTSIDE THE STAGE AREA … see I have a drop down menu at the top of my site and its made in flash… published swf is like 900 X 165 …but when the menu comes down, menu content starts at 165 and goes until 300 +

How can I display the content outside stage area, when my button is rollover???