[SOLVED] Fade in from html to flash

ech0419 · 07-03-2009, 05:20 PM

I have an html site and I have a flash games section.

I want to be able to put thumbnails of flash games on the site. When the user clicks on the link(thumbnails) it will fade into the flash game centered on screen.

Any idea how I would go about doing so.

**jamiemac2005** · 07-03-2009, 06:12 PM

The fade on a flash object would be down to the flash itself, possibly a flash loader that fades then opens the swf files within.

But again making the flash invisible until the game loads is another problem accross browsers... Basically the way to go about it is to have everything from your thumbs to your content in flash and then dynamically embedding the swf files. That's the only way i can see it working cross-browser.

Cheers,
Jamey

ech0419 · 07-03-2009, 08:01 PM

ok thanks. I see what you're getting too, but I think I didn't make myself clear enough.

I've seen this on websites, from professional photographers. They basically had a smaller thumbnail of an image. With html they managed to fade the entire page from the corners of the site from black to an opaque grayish/black and the picture would center in the middle.

Now they're embedding the .jpg images, where you could just replace the content and use .swf instead. I would imagine this is entirely possible to do with flash, using html as the backbone. I just do not have the experience yet to figure it out.

**jamiemac2005** · 07-04-2009, 03:16 AM

Yep, it's easily do-able with images and html because images are parsed in a different way. (You can use CSS to change the opacity of an image). However when working with flash the opacity of the flash object can not be changed at runtime.

With an image you would just use the normal method. And mix it with a little javascript, but if you try that with flash it doesn't work.

Hence, the only way to do it(effectively) is to make your entire thumbnails/holder in flash.

Cheers,
Jamey

ech0419 · 07-04-2009, 12:52 PM

Ok, I found it. It's called Lightbox, it's a wordpress css script.

I managed to make one and put it on my site. It worked with flash... sort of. If you like really really messed up pages.

I should have given you an example of what I wanted. oops.

I managed to find a tutorial on it: http://www.emanueleferonato.com/2007...script-needed/

So I'm working on adding it to my site. Which it works fine with .png and .jpg. But it's liking flash at the moment.

Any idea if I can use flash with this?

**jamiemac2005** · 07-04-2009, 01:12 PM

Nope, as i said above, this wont work with flash, because you can't change the opacity of an embedded object... If you want to do this with a flash movie you will have to create the lightbox in flash.

ech0419 · 07-04-2009, 02:50 PM

Nevermind, I found out how to make it work with flash.

I'm not fading the flash. A new background image appears overlaying then entire site, the black background fades to 80% opacity and the flash object is embedded dead center. It looks really nice. I'll post a link to my site when I get it 100% working.

Thanks for the advice.

07-03-2009, 05:20 PM	#1 (permalink)
ech0419 Registered User Join Date: Mar 2007 Location: North Eastern US Posts: 172 OS: XP pro ~ Vista Ultimate x64 & x32 ~ os x 10.4 ~ Ubuntu 7.10	[SOLVED] Fade in from html to flash I have an html site and I have a flash games section. I want to be able to put thumbnails of flash games on the site. When the user clicks on the link(thumbnails) it will fade into the flash game centered on screen. Any idea how I would go about doing so.

07-03-2009, 06:12 PM	#2 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,854 OS: Vista, various linux distros	Re: Fade in from html to flash The fade on a flash object would be down to the flash itself, possibly a flash loader that fades then opens the swf files within. But again making the flash invisible until the game loads is another problem accross browsers... Basically the way to go about it is to have everything from your thumbs to your content in flash and then dynamically embedding the swf files. That's the only way i can see it working cross-browser. Cheers, Jamey __________________ Myspace

07-03-2009, 08:01 PM	#3 (permalink)
ech0419 Registered User Join Date: Mar 2007 Location: North Eastern US Posts: 172 OS: XP pro ~ Vista Ultimate x64 & x32 ~ os x 10.4 ~ Ubuntu 7.10	Re: Fade in from html to flash ok thanks. I see what you're getting too, but I think I didn't make myself clear enough. I've seen this on websites, from professional photographers. They basically had a smaller thumbnail of an image. With html they managed to fade the entire page from the corners of the site from black to an opaque grayish/black and the picture would center in the middle. Now they're embedding the .jpg images, where you could just replace the content and use .swf instead. I would imagine this is entirely possible to do with flash, using html as the backbone. I just do not have the experience yet to figure it out. Last edited by ech0419; 07-03-2009 at 08:02 PM.

07-04-2009, 03:16 AM	#4 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,854 OS: Vista, various linux distros	Re: Fade in from html to flash Yep, it's easily do-able with images and html because images are parsed in a different way. (You can use CSS to change the opacity of an image). However when working with flash the opacity of the flash object can not be changed at runtime. With an image you would just use the normal method. And mix it with a little javascript, but if you try that with flash it doesn't work. Hence, the only way to do it(effectively) is to make your entire thumbnails/holder in flash. Cheers, Jamey __________________ Myspace

07-04-2009, 12:52 PM	#5 (permalink)
ech0419 Registered User Join Date: Mar 2007 Location: North Eastern US Posts: 172 OS: XP pro ~ Vista Ultimate x64 & x32 ~ os x 10.4 ~ Ubuntu 7.10	Re: Fade in from html to flash Ok, I found it. It's called Lightbox, it's a wordpress css script. I managed to make one and put it on my site. It worked with flash... sort of. If you like really really messed up pages. I should have given you an example of what I wanted. oops. I managed to find a tutorial on it: http://www.emanueleferonato.com/2007...script-needed/ So I'm working on adding it to my site. Which it works fine with .png and .jpg. But it's liking flash at the moment. Any idea if I can use flash with this?

07-04-2009, 01:12 PM	#6 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,854 OS: Vista, various linux distros	Re: Fade in from html to flash Nope, as i said above, this wont work with flash, because you can't change the opacity of an embedded object... If you want to do this with a flash movie you will have to create the lightbox in flash. __________________ Myspace

07-04-2009, 02:50 PM	#7 (permalink)
ech0419 Registered User Join Date: Mar 2007 Location: North Eastern US Posts: 172 OS: XP pro ~ Vista Ultimate x64 & x32 ~ os x 10.4 ~ Ubuntu 7.10	Re: Fade in from html to flash Nevermind, I found out how to make it work with flash. I'm not fading the flash. A new background image appears overlaying then entire site, the black background fades to 80% opacity and the flash object is embedded dead center. It looks really nice. I'll post a link to my site when I get it 100% working. Thanks for the advice.