LightBox Scripts

dad7732 · Posted: Wed Mar 04, 2009 3:18 pm

Is there a lightbox login script that will work with RN 2.3.01?

And yes, I did search this site and found a few threads but I am in the DARKbox instead ... Sad

Cheers

alien73 · Involved Joined: Sep 15, 2008 Posts: 352

sure is I have one working now on my test site. How will you use it?

dad7732 · Posted: Wed Mar 04, 2009 4:45 pm

Login maybe? Dunno, may be too complicated with the captcha graphic?!

spasticdonkey · Posted: Wed Mar 04, 2009 6:45 pm

highslide is very cool, but requires a $29 license for commercial use

Only registered users can see links on this board!
Get registered or login to the forums!

or fancybox, uses jquery

Only registered users can see links on this board!
Get registered or login to the forums!

or kguske recently recommended shadowbox, but have yet to try

Only registered users can see links on this board!
Get registered or login to the forums!

alien73 · Involved Joined: Sep 15, 2008 Posts: 352

Checkout Grey Box

Only registered users can see links on this board!
Get registered or login to the forums!

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

Here's the list I compared (all work with jQuery, and all are free):

Only registered users can see links on this board!
Get registered or login to the forums!

I grouped these as modal scripts (not all are lightbox), but most have lightbox functionality. For ability to display images and media, I liked ShadowBox. For my purposes (modal), I preferred jqModal. ThickBox and nyroModal were also nice for multiple purposes.

The factors I considered:
license (most are GPL, MIT, CC or a mix)
size (including minified)
browser support
CSS Styling
Modal-in-Modal (not as important for lightbox)
Movable / Drag (most pure lightbox scripts don't support this, some require an additional plugin)
Resizing (see Movable / Drag - jqModal was the only one to support either)
Auto-resizing (many do this, which is necessary for images)
Remote - AJAX (a modal requirement, not really important for images)
Remote - Iframe (same as remote AJAX)
Show / hide control (a simple user interface function that isn't supported by many)
Specify wait image (again, jqModal stood alone here, though others might support this through CSS)
Group / Gallery Navigation (very important for image lightbox functionality - jqModal doesn't have this)
hideOnContentClick (a nice option that gives you greater user interface functions)
zoomSpeedIn / Out (several have this, e.g. ShadowBox and FancyBox, but not jqModal)
overlayShow / Opacity (another user interface option that the better scripts have)

Check them out...

dad7732 · Posted: Thu Mar 05, 2009 8:49 am

Shadowbox looks interesting but all I would like is for when a user clicks on an IMG link in the forum is for the background to go dark thereby hiliting the image.

Cheers

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

alien73, the GreyBox link displays an error - looks like the site is having problems.

alien73 · Involved Joined: Sep 15, 2008 Posts: 352

The site worked yesterday.. Looks like hack job.

alien73 · Involved Joined: Sep 15, 2008 Posts: 352

Try here

Only registered users can see links on this board!
Get registered or login to the forums!

kguske · Site Admin Joined: Jun 04, 2004 Posts: 6044

Thanks. It's a nice, small modal script, but I can't tell if it supports gallery type functions - the demos are basically just other web pages.

dad7732 · Posted: Thu Mar 05, 2009 12:25 pm

Yes, it is simple but this "simpleton" cannot get it to work when clicking on a thumb photo in a forum post. I can get the large image to come up but not with the greybox.

spasticdonkey · Posted: Thu Mar 05, 2009 9:22 pm

sometimes the path to the graphics is relative to the JS file and/or the CSS file. Might be the associated "graphics" DIR is in the wrong place for one of those files.

try uploading the css and js in the same directory and make sure the path to the graphics are correct

dad7732 · Posted: Thu Mar 05, 2009 9:35 pm

The images and the other files are in the same directory, so the path is correct. Problem stems from the use of BBCode that won't allow any tag attributes and therefore the class attribute will not work because it won't load, etc., and so on.

Cheers

alien73 · Involved Joined: Sep 15, 2008 Posts: 352

kguske,

It does support galleries

horrorcode · Posted: Thu Mar 05, 2009 10:51 pm

dad7732 wrote:

The images and the other files are in the same directory, so the path is correct. Problem stems from the use of BBCode that won't allow any tag attributes and therefore the class attribute will not work because it won't load, etc., and so on.

Cheers

Just saw this on a site, havent tried it myself but:

Open themes/YOURTHEME/forums/bbcode.tpl
Find

Code:

<img src="{URL}" border="0" />

and replace with

Code:

<a href="{URL}" rel="lightbox"><img src="{URL}" border="0" /></a>

Could do something like that maybe?

dad7732 · Posted: Fri Mar 06, 2009 7:14 am

Nope, doesn't work. When replaced, the images do not display at all, just the code. Thanks for the try.

Cheers

nuken · Posted: Fri Mar 06, 2009 10:10 am

Only registered users can see links on this board!
Get registered or login to the forums!

try this nod

dad7732 · Posted: Fri Mar 06, 2009 10:46 am

First try didn't work, will have to play with it later ...

Cheers and thanks for the reference.

Note: Problem is that the image isn't clickable no matter if it's uploaded as an attachment or just a URL. Dunno, there isn't any instructions along with the mod other than the mods to the files.

nuken · Posted: Fri Mar 06, 2009 11:13 am

I just tried it too and same thing... Not clickable.

dad7732 · Posted: Fri Mar 06, 2009 11:21 am

Probably for a previous PHPBB version I would suspect. I have ONE client domain running RN 2.20 and will try it with that one.

Note the date of the example post is 2007, before PHPBB-3 came along, I think. I may try it also with a theme that doesn't include /forums/ in the theme pack but rather relies on the default forums module.

Cheers

dad7732 · Posted: Fri Mar 06, 2009 10:50 pm

I have it working in Content because I can do a regular link with the rel="lightbox" attribute but I don't see a way to do this in a forum post because there is no way that I know of to add the rel="lightbox" to a [url] bbcode.

Any ideas here? Almost there ... Wink

Cheers

nuken · Posted: Sat Mar 07, 2009 7:27 am

allow html in forum posts.

dad7732 · Posted: Sat Mar 07, 2009 8:17 am

I got it to work by doing the following:

html was already allowed in forum posts
added allowed tags: a,href,rel

Then, in a forum post, constructed the link:

Code:

<a href="http//anysite.com/photos/large_photo.gif" rel="lightbox">[img]http://anysite.com/photos/thumb.gif[/img]</a>

The thumb image is the one displayed and when clicked will show the large image as the lightbox. Voila !! Smile

Cheers

dad7732 · Posted: Sat Mar 07, 2009 10:27 am

Onward we trudge .... Does not work in "Messages" but does work in "Content", no idea why not in "Messages".

Off and running again. Bang Head