homepage Welcome to WebmasterWorld Guest from 184.73.87.85
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
Forum Library, Charter, Moderator: open

Flash and Shockwave Forum

    
SWF Display Question
swf, flash, css
TheJones




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

Hi,

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.

Thanks,
James

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

 

TheJones




msg:3819565
 4:44 pm on Jan 5, 2009 (gmt 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]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved