Jump to content
Dred

Is There A Way To Incorporate Lightbox?

Recommended Posts

Dred    0

I was just wondering if there was any way to incorporate lightbox (or anything similar, like colorbox or thickbox) into the gallery pages made?

 

Click a thumb and the big pic is shown in a lightbox popup instead of a new page/screen opening at it being shown there.

I'm trying to make it so viewers don't end up getting tired of click thumb, pic opens, click back to go back to the gallery, click a thumb, rinse, repeat.

 

Although, the extra pages could bring you more traffic provided they get indexed by the search engines, with 12 or more thumbs per gallery, it can be monotonous for some visitors.

 

thanks! :)

Share this post


Link to post
Share on other sites
Robert    0

Dred: you could likely just look at the various lightbox, greybox, thickbox etc type scripts and see if any of them will handle all image a ref's by default. Other than that, you'd need to go through the Arylica code itself and locate where the image output is being built, then apply the lightbox code. I'm not sure which file you'd need to edit as most, if not all, TGP's would outright refuse a gallery using a lightbox.

Share this post


Link to post
Share on other sites
Dred    0

Thx Robert. I'm not building galleries to submit, so no worries there. I'm using the galleries to link to thru my wordpress sites.

Share this post


Link to post
Share on other sites
Robert    0

Dred: I have an idea that may work. The Arylia output code automatically applies a class to the thumbs as "thumbnail". Perhaps you can add your lightbox js code to the head section of your gallery and then apply the included lightbox popup code to your "thumbnail" class in your style sheet. That may give you the desired effect.

Share this post


Link to post
Share on other sites
edendom    1

I'm a bit in late but it could help some.

 

You can setup the lightbox data-rel in this file:

 

arylia/commons/userFunctions.inc.php

 

example for prettyphoto:

 

$imageCode = '<A data-rel="prettyPhoto[pp_gal]" TARGET=_blank" HREF="'.$linkUrl.'" ><IMG class="aligncenter" SRC="'.$thumbUrl.'" ALT="'.htmlspecialchars($title).'" TITLE="'.htmlspecialchars($title).'" WIDTH="'.$thisFile["value][0].'" HEIGHT='.$thisFile["value][1].'" /></A>';
            } else {
 

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×