LightBox Scripts

registered · Posted: Tue Mar 10, 2009 3:04 pm

Several that I have seen that do support outside links are non commercial license or some other odd ball license. I am looking right now for a GPL jquery one that does more than just link images.

registered · Site Admin Joined: Jun 04, 2004 Posts: 6437

I posted a list of jQuery lightbox / modal scripts - they are all open source - why not integrate one of those that supports both galleries and modal (including outside links):
Only registered users can see links on this board! Get registered or login! - MIT
Only registered users can see links on this board! Get registered or login! - CC
Only registered users can see links on this board! Get registered or login! - MIT
Only registered users can see links on this board! Get registered or login! - CC
Only registered users can see links on this board! Get registered or login! - GPL, MIT

Again, I think ShadowBox has the best combination of features, flexibility and size.

If I could figure out how to do galleries in Only registered users can see links on this board! Get registered or login! (GPL, MIT), it would possibly be the best. The documentation says it is possible, but there are no examples...

Posted: Tue Mar 10, 2009 3:52 pm

I looked at Shadobox but couldn't figure out what and where to upload. Docs weren't all that user-friendly either regarding that issue. But it does look promising as regards a lightbox for forms and such.

Cheers

Posted: Tue Mar 10, 2009 4:38 pm

I have been looking at a few. One that look good was doing goofy stuff in Firefox. Another had issues with IE6, etc. I plan on using the one that has most features and least downside. It's all a process.

Posted: Tue Mar 10, 2009 4:58 pm

Shadowbox has some kind of license prohibiting commercial use of it without purchasing a license. Does that mean if a site is for profit, they would need to buy a license or does that mean if someone was to sell the script it would require a license purchase?

It sounds like it can not be used on a commercial site.

Posted: Tue Mar 10, 2009 5:39 pm

It can be used on YOURFUNSITE.com but not on MYBUSINESS.com without a license.

Posted: Tue Mar 10, 2009 8:33 pm

I think it means you can use it in your software as long as you don't sell it, claim it's yours, or remove the original copyright / attribution

Posted: Thu Mar 26, 2009 1:56 pm

Interesting issue ...

I have a thumbnail image posted in one of my forums that also uses the LightBox routine when clicked to the larger image. However, ONLY a registered user can take advantage. An anonymous user sees only the thumb image and the code.

Ideas??

Posted: Fri Mar 27, 2009 10:38 am

This was FIXED, see:

http://www.ravenphpscripts.com/postt17420.html

Posted: Mon Mar 30, 2009 7:48 am

Messages has a dependency on forums so thats an interesting problem.

Posted: Mon Mar 30, 2009 8:02 am

Don't know what "messages" has to do with anything as this was a direct post in the forum. Yes, an interesting problem nonetheless.

Cheers

Posted: Mon May 25, 2009 8:07 am

heres a couple of "lightbox" scripts that don't use JS, only CSS Smile

http://www.cssplay.co.uk/menu/lightbox-click.html
(this one doesnt work in chrome/safari)

and
http://www.cssplay.co.uk/menu/lightbox-hover.html

they have a very cool site by the way, tons of demos for all things css.
http://www.cssplay.co.uk/menu/

Posted: Mon May 25, 2009 11:10 am

Those are nice for single images, but don't offer all the other features many would like (e.g. galleries, external pages, etc.).

I'm getting closer to finalizing the modal functions for nukeSEO DH, and found another script to add to the list: Only registered users can see links on this board! Get registered or login!. Good documentation, great features, compliance...but it doesn't work in IE with select / dropdown elements (there is a fix, but I'm trying to confirm it).

Also, while looking at this and the previous scripts I listed, it appears that most implement gallery functions using the rel attribute, and the lightbox / modal features using the class (though some support other link attributes as well - though not all are compliant this way - e.g. ID).

My previous favorite, Shadowbox, only uses the rel attribute by default (which prevents it from being used with the AREA tag), but allows more complex triggers that do support tags that don't have rel attributes (like AREA). But the latest version has a custom license, and the total file size is HUGE. Obviously, flexibility and functionality come at a price...

Thickbox supports on-the-fly configuration using variables added to the link. This is a nice feature in terms of flexibility - especially for CMS applications, and all the Thickbox parameters are removed before getting the URL. On the downside, it's a little slow and doesn't offer anything in the way of transitions, which is useful for galleries. But it hasn't been updated in 2 years, and there is no indication that it will be.

Maybe I'm looking for something that doesn't exist: a single script that supports modal and lightbox functionality. For now, I'll try to get the issue resolved with ColorBox...

Posted: Mon May 25, 2009 11:26 am

Facebox has a lot of features, Uses JQuery, total file size is 9.5 KB, handles remote files, images, div, ect... http://famspam.com/facebox

Posted: Mon May 25, 2009 11:55 am

If your not stuck with utilising jQuery, MooTools is worth a visit.

Posted: Mon May 25, 2009 2:07 pm

I'll take another look at facebox. I suspect with MooTools, the issues will be the same, and as I've already been down that path before, I'll stick with jQuery. (actually, one of the reasons ShadowBox got so big is because it combined all of the versions that work with different frameworks (including jquery, mootools and prototype/scriptaculous) into one version that works with whatever framework is loaded. But as I said, same issues: licensing, etc.

Posted: Mon May 25, 2009 2:19 pm

Just looked at Facebox again, seems quite nice. I like the fact they have included an example on how to manually fire a box instead of relying completely on a attribute or an action like onClick.

Posted: Mon May 25, 2009 3:19 pm

I have 2 lightbox mods for the nukeWYSIWYG editor. One uses Facebox and the other uses Slimbox. Slimbox only handles images, but it handles images well. The Facebox mod does about everything except grouped images.

Posted: Mon May 25, 2009 7:43 pm

Facebox is nice, but:
- doesn't support galleries (only single image)
- only uses REL to initiate, which isn't supported for AREA tags, though you could possibly manually initiate on an onclick event for this (more complicated)
- can't hide when clicking content, prevent close when clicking overlay, or control display of close control
- CSS indicates ability to control overlay, but no working examples of this or setting opacity

It is small, though... Smile

Posted: Mon May 25, 2009 7:56 pm

So right after I submitted that post, I went to the FamSpam site to see it in action - and there was a gallery... Still, points off for not including this in documentation or examples...

Posted: Mon May 25, 2009 9:03 pm

i still like highslide, ton of features, good documentation, customization of the js to use only features you need, and probably the best transition effects I've seen. There are redistribution restrictions, but they aren't that bad Smile

Quote:

You are allowed to distribute Highslide JS with non-commercial packages given that you a) emphasize on your download page that Highslide JS is not free for commercial use, and b) provide a link back to this web page on your download page.

http://highslide.com/
creating a custom js file:
http://highslide.com/configurator.php
reference docs
http://highslide.com/ref/
barebones examples
http://highslide.com/index.htm

would be nice to see ravennuke on this list Smile

http://highslide.com/#implementations

Posted: Mon May 25, 2009 9:22 pm

I can't figure out how the gallery works - it appears to show every image on the page in the facebox class.

Re: highslide, it appears to have most of the features I look for, but it's license makes it a non-starter...

Posted: Thu May 28, 2009 10:47 pm

Progress!

Colorbox DOES work with dropdown / select in IE 6. The problem was that it conflicted with BoxOver...

So...meet Only registered users can see links on this board! Get registered or login! - is it the new BoxOver? Not yet - it doesn't appear to handle inline HTML in the title.

I've looked at several jQuery tooltips:
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login! - very nice, check out the demos, but doesn't do overlib / Boxover type header / body tooltips and the script is HUGE
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login! - like other mb scripts, this uses non-compliant HTML
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login! - very small, but limited
Only registered users can see links on this board! Get registered or login!
Only registered users can see links on this board! Get registered or login!

If you've had enough jQuery...
And a great one that uses prototype / scriptaculous: Only registered users can see links on this board! Get registered or login!
Another prototype script: Only registered users can see links on this board! Get registered or login!
And one from Mootools: Only registered users can see links on this board! Get registered or login!

Posted: Thu May 28, 2009 11:19 pm

I stand corrected...clueTip does handle inline HTML in the title tag, and it's even better than BoxOver because it uses delimiters like | to separate the popup title and body - NICE!

Involved Joined: Jul 03, 2006 Posts: 273

I have used Cluetip often and can vouch it is a good one. I really like it's operation and it handles HTML better than others I've tried.