Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

SWF Display Question

swf, flash, css

4:50 pm on Jan 2, 2009 (gmt 0)

New User

10+ Year Member

joined:Dec 22, 2008
posts: 6
votes: 0


Hopefully I can clearly present my issue.

I am trying to use an swf in a division of my site.

This swf displays a group of images stacked on top of each other. The user drags the top image in any direction and lets go, causing that top image to shuffle around to the bottom of the stack. These images will represent "Work Samples"

The div is 550 x 400px and the "work samples" are 400 x 280px images. They are being added to the stage from an xml document.

What I want is for the swf to display the images in the div, but allow the images to be dragged outside of the 550 x 400px div and still be visible. Every option I have tried clips the images as I drag them outside the 550 x 400px area... like a masked box.

Does anyone know what combination of CSS, Actionscript, publish properties are needed to display a non scaled swf with a fullscreen bleed area in a specific location? If I make the movie full screen and use fixed positioning inside of my wrapper will it stay fixed while the outer wrapper auto adjusts, and will it display an overflow of the flash outside of the wrapper?

I am also trying to incoporate swfObject 2 and display alt content. So, hopefully it will be elegant enough that the alt content will display in the proper location without further styling.


P.S. I can post code and examples if it will help

4:44 pm on Jan 5, 2009 (gmt 0)

New User

10+ Year Member

joined:Dec 22, 2008
posts: 6
votes: 0

So I figured part of this out... kinda. I took the swf out of the work samples div and positioned it absolutely, and made it 100% of the page with no scale.

Now my problem is this:
When I position my flash movie no other content is click-able because the movie is 100% of the browser. If I use z-index: -1; the flash is not click-able. Also, because I had to leave the work samples div at 550px x 400px because I wanted a double border on the bottom and a single right border. So, I think that covers the flash movie in the 550px x 400px area.

Here is the site for reference: <snip>

I've seen plenty of this click through problem online but I can't seem to get up to date on where a solution is at. I still find 2006 and 2007 threads dealing with it. From what I gather there is Javascript that can define the clickable area of flash content. Is this right? Can someone point me in the right direction?

[edited by: eelixduppy at 4:50 pm (utc) on Jan. 5, 2009]
[edit reason] no personal URLs, please [/edit]


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members