Flash Tutorials

andy — Wed, 10 Oct 2007 17:22:19 +0000

I have recently been looking for some good flash tutorials to help me build a 3D Flash Carousel and came across a site called GOTOANDLEARN.COM. This site provides some awesome video tutorials from 3D Carousels to preloading external SWF files.

I really recommend this site so check it out.

Masking a Flash Movie in HTML using a DIV

andy — Wed, 20 Jun 2007 12:54:56 +0000

This is not something that is required in day to day development, but nether the less is definitely handy to know.

Due to the nature of embedded flash it does not seem possible to “mask” it using an overflow hidden on a containing DIV. This however is not the case.

By simply adding the following parameters a flash movie can be masked:

The wmode parameters bring the flash movie back into the flow of the document and therefore allow it to be treated as if it were for example an image.

The complete code I have used in the example is as follows:

code

css

#flash-mask{
width:30%;
overflow:hidden;
padding:10px 0px;
border:1px solid #cccccc;
}

The CSS as shown above is very simple and sets a width on a containing DIV to 30% of the page width as well as having an overflow set to hidden. This will simply demonstrate the effect clearly.

html

As can be seen above there isnothing special here. Simply a containing DIV with a flash movie embeded and of course the parameters set.

example

Please have a look at the Masking a Flash Movie in HTML using a DIV example.

download

Feel free to try it out yourself with the Masking a Flash Movie in HTML using a DIV download.