Welcome to WebmasterWorld Guest from 220.127.116.11
Forum Moderators: open
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
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>
[edited by: eelixduppy at 4:50 pm (utc) on Jan. 5, 2009]
[edit reason] no personal URLs, please [/edit]