Grow your CSS skills. Land your dream job.

Help with Facebox. (its collapsing!)

  • # April 29, 2009 at 9:39 am

    Hey there guys,
    I am currently in the construction phase of my website. I decided to use Facebox for one of the links on my site. Once clicked, the facebox windows pops up and reveals a flash game that I embedded from a Wallace and Gromit site. This works fine in Safari and Firefox, however, I am having problems getting it to work on IE and Opera. I was wondering if there was something I had excluded to prevent it from opening up or if these browsers just aren’t compatible with flash embedded within Facebox.

    The website is located here http://pikatzu.com/demo/links.html .

    Any help at all would be greatly appreciated.

    # April 29, 2009 at 12:35 pm

    It looks like the problem is with your embed code… This code should work perfectly with Firefox, but not IE.

    Code:

    Try this (old code, but should still work):

    Code:

    Let me know how that works
    Ashton Sanders

    # April 29, 2009 at 12:59 pm

    Better still, use swfobject http://code.google.com/p/swfobject/, and it validates too!

    # April 29, 2009 at 6:48 pm

    Nice! Thanks for the link.

    # April 29, 2009 at 7:24 pm

    hey guys..
    ive tried all the above and it still doesnt seem to be working.
    It looks like IE and Opera might not support embedded flash within Facebox :cry:

    Thanks a lot for the help though though.

    # April 30, 2009 at 2:58 am

    Very strange. :?

    Just out of curiosity, have you tried embedding the Flash without Facebox? ie.Does it work if it’s placed inside a normal div? At least then we will know for sure if the problem is Facebox or something else.

    # April 30, 2009 at 2:23 pm

    I tried it without the Facebox and it works perfectly. Would it make sense to say that its because the flash content is version 10.0.22. Its a bit odd isn’t it?

    # April 30, 2009 at 2:37 pm

    honestly it sounds like a human error bug… I just put it into a webpage and it did work fine…

    Next idea: Try putting a div inside the #crackinggame div that forces the width and height:

    Code:
    ….

    I don’t think that will totally solve the problem but may help with collapsing…
    It is very strange…

    # April 30, 2009 at 2:41 pm

    It is odd, I’ve never known swfobject not to work.

    I did a quick search and found this (unresolved sadly) thread on Google groups http://groups.google.com/group/facebox/browse_thread/thread/17c2932480f91165. So you’re not the only one experiencing this problem, unless that was you posting under a different name! lol.

    Another quick search turned up this possible alternative, which is free for none commercial use http://raibledesigns.com/rd/entry/shadowbox_a_slick_lightbox_that

    # April 30, 2009 at 6:13 pm
    "apostrophe" wrote:
    It is odd, I’ve never known swfobject not to work.

    I did a quick search and found this (unresolved sadly) thread on Google groups http://groups.google.com/group/facebox/browse_thread/thread/17c2932480f91165. So you’re not the only one experiencing this problem, unless that was you posting under a different name! lol.

    Another quick search turned up this possible alternative, which is free for none commercial use http://raibledesigns.com/rd/entry/shadowbox_a_slick_lightbox_that

    Thanks apostrophe,

    I decided to implement shadowbox.js. I had a look at shadowbox.js at some point in time, but didnt know if it would work with swf files.. but it does. It looks a lot better, supports a flash embed and it also works extremely well with Opera.

    I use a mac with Crossover installed so i can run internet explorer, but this doesn’t allow me install flashplayer on the browser. So at the moment I dont know if it runs in IE, but the shadowbox open up, which is good.

    Might implement a png fix at some point in time when im bothered.

    Thanks for the advice Ashton

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".