Is There A Way To Incorporate Lightbox?

[Dred]

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!

[Robert]

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.

[Dred]

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.

[Robert]

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.

[edendom]

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 {
 

[Robert]

Thanks for the post Edendom. Nice solution

[edendom]

Thanks for the post Edendom. Nice solution

Welcome