Dred Posted June 6, 2014 Share Posted June 6, 2014 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! Link to comment Share on other sites More sharing options...
Robert Posted June 10, 2014 Share Posted June 10, 2014 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. Link to comment Share on other sites More sharing options...
Dred Posted June 10, 2014 Author Share Posted June 10, 2014 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. Link to comment Share on other sites More sharing options...
Robert Posted June 11, 2014 Share Posted June 11, 2014 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. Link to comment Share on other sites More sharing options...
edendom Posted September 20, 2014 Share Posted September 20, 2014 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 { 1 Link to comment Share on other sites More sharing options...
Robert Posted September 21, 2014 Share Posted September 21, 2014 Thanks for the post Edendom. Nice solution Link to comment Share on other sites More sharing options...
edendom Posted September 22, 2014 Share Posted September 22, 2014 Thanks for the post Edendom. Nice solution Welcome Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now