Not signed in (Sign In)

A podcast and forum for those who design, develop and run websites.

Boagworld is not just a web design podcast, it is also a thriving online community. Whether you build, design or run websites there are always people here to help. Whatever your question there is sure to be somebody with the answer.

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

Have your say

Become apart of the Boagworld community...

    •  
      CommentAuthorDoug S.
    • CommentTimeSep 18th 2008
     permalink
    Ah, sounds simple, no? There's a great site I found that listed a variety of them, it is as follows:
    http://planetozh.com/projects/lightbox-clones/

    However, none of them meet my requirements. The closest I found was Facebox which is fantastic, but it only does half the job.

    Basically, I need a lightbox that...
    1. Is powered by jQuery.
    2. Supports AJAX.
    3. Supports Flash content.

    What I'm basically doing is using jQuery to open a lightbox that holds an HTML document that has some Flash content on it. Facebox did part of this, but not all of it. In fact, in every other way it is perfect. But no Flash content...

    The only alternative I can find is Shadowbox, which I'd need to pay £10 to get a commercial license for. I'd rather not if I don't have to.
    • CommentAuthorjakeboom
    • CommentTimeSep 18th 2008 edited
     permalink
    Tried using ThickBox at all? There's a good post about why/how the developer came up with it that I thought was a quick read.

    Only thing I'm not sure about is the Flash piece. You'd probably want to try an example of this and see how nice it works with Flash.
    •  
      CommentAuthorDoug S.
    • CommentTimeSep 18th 2008
     permalink
    You know, it's odd, that one was on the matrix but it said ThickBox didn't support Flash. But I'm looking through the Q&A and it says that you can use it and it will likely work, but that it's untested so I'm kind of on my own.

    Still, that's much better than nothing. Now just to see how customisable it is...
    • CommentAuthorjakeboom
    • CommentTimeSep 18th 2008
     permalink
    I've had some pretty good success with it in the past. I hope it works out for you![
    •  
      CommentAuthorNick
    • CommentTimeSep 19th 2008
     permalink
    Thickbox, always.

    I see no reason why it wouldn't support Flash. Try two ways, firstly just loading in the HTML of a div which has Flash embedded in it; secondly try using the iframe method loading in a page with an iframe in.
    •  
      CommentAuthorDoug S.
    • CommentTimeSep 19th 2008
     permalink
    I looked at ThickBox and I don't think I'll be using it. Yes it's very nice, yes it appears to have the features I want...

    However it's not been updated in about a year. That alone is enough to make me avoid it. But because of the lack of activity it has no support for jQuery 1.2 which has been out for a little while already.

    Does anyone have any other suggestions?
  1.  permalink
    Shadowbox is pretty awesome. I know you've only spec'ed jQuery, but it has adapters to work with other JS libraries if needed (or it can be used standalone). That's really nice if you bounce around between js libraries. It also has language files for almost 30 languages.

    It supports Flash, but I'm not sure to what extent it supports Ajax, but it can load html pages or inline content so I'd assume the opportunity for Ajax lies there.

    The "Size" column in the matrix is a little misleading on Shadowbox. The core shadowbox.js file is about 24KB compressed, the jQuery adapter about 1KB, the English language file about 560 bytes, the "player" files (flv, swf, iframe, img, html, etc) are all under 1KB each. So you're probably looking at about 30KB or so.

    It seems to be under active development (last updated July 2008).

    The only downside is there is a license fee to use it commercially, but it is a meager $20 USD.

    Where I work, the $20 is well worth it as we have the need to support multiple JS libraries as well as multiple languages
    •  
      CommentAuthorDoug S.
    • CommentTimeSep 21st 2008
     permalink
    That was my one question when looking at Shadowbox, it says you can have a commercial license but it doesn't say if that license is a one-time fee or if it's done on a site-by-site basis.

    If it's a one off sort of buy then I'd say $20 is nothing considering I'm getting a good, solid lightbox.

    Though, the AJAX bit is a bit of a question as it's not covered and iframes are not supported under XHTML 1.0 Strict (which is what I've started to use on my sites).

    Though there now seems to be a new problem that's going to really slow my progression (to varying degrees). It seems there's an incompatibility with jQuery and SWFObject. Unfortunately I don't know what it specifically is but I've seen it referenced on loads of jQuery projects so I don't doubt it.

    Does anyone know a jQuery-friendly SWFObject alternative? For now I'm just looking for a good jQuery slideshow (with pagination if I can find it) to hold me over until I can use Flash again.
  2.  permalink
    oops, just saw that you already mentioned the $20 fee for Shadowbox. Really $20 is nothing compared to your hourly rate (at least that's how it should be). If Shadowbox saves you 15 minutes of your time, then it's already paid for itself.

    I used to avoid paying for code like the plague, but I've come to realize that in a lot of situations it just makes sense.

    You can still download the full Shadowbox code and have a play with it before forking over the money. And there's always the possibility that you could just *forget* to pay the $20...
    • CommentAuthorronzo
    • CommentTimeMar 12th 2009
     permalink
    What about GreyBox - http://orangoo.com/labs/GreyBox/

    You might also find something here - http://spoonfedproject.com/jquery/extensive-list-of-jquery-lightbox-modal-plugins/

    The above post lists a ton of lightbox / modals for jQuery.
  3.  permalink
    @Doug: I haven't played around with Facebox yet, but I know that Headscape have managed to embed a Vimeo flash video into a Facebox popup.
    You can find it at http://www.headscape.co.uk and clicking on "Watch Demo" under "Accessibility Focused".

    Best of luck,
    Ollie.
    • CommentAuthormattbee
    • CommentTimeMar 13th 2009
     permalink
    There are loads of lightboxes, overlays or modal windows (whatever your preferred term) however I have found one of the the easiest to manipulate and implement is jqModal.

    http://dev.iceburg.net/jquery/jqModal/

    Good luck though - and don't be afraid to explore the plugins themselves, its a great way to learn the inner workings of jQuery.