LightBox Scripts

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

Involved Joined: Sep 15, 2008 Posts: 352

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

Posted: Wed Mar 04, 2009 4:45 pm

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

Posted: Wed Mar 04, 2009 6:45 pm

highslide is very cool, but requires a $29 license for commercial use
http://highslide.com/

or fancybox, uses jquery
http://fancy.klade.lv/

or kguske recently recommended shadowbox, but have yet to try
http://mjijackson.com/shadowbox/index.html

Posted: Wed Mar 04, 2009 9:33 pm

Checkout Grey Box

http://orangoo.com/labs/GreyBox/

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

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!
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!
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!
Only registered users can see links on this board! Get registered or login!

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...

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

Posted: Thu Mar 05, 2009 9:30 am

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

Posted: Thu Mar 05, 2009 10:26 am

The site worked yesterday.. Looks like hack job.

Posted: Thu Mar 05, 2009 10:31 am

Try here

http://jquery.com/demo/grey/

Posted: Thu Mar 05, 2009 12:00 pm

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.

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.

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

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

Posted: Thu Mar 05, 2009 10:01 pm

kguske,

It does support galleries

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:

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->

and replace with

Code:

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

Could do something like that maybe?

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

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

http://phpbb.davidiq.com/viewtopic.php?t=53

try this nod

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.

Posted: Fri Mar 06, 2009 11:13 am

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

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

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

Posted: Sat Mar 07, 2009 7:27 am

allow html in forum posts.

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

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