Suggestions for Lightbox view

lornawebber
@lornawebber
8 years ago
334 posts
Hello all,
We love the lightbox feature on our site which is dedicated to viewing/sharing photos and art. This is a suggestion to make it even better...

1) It would be great if we could have a mini icon on each thumbnail in a gallery view, (like the Photo Album, Edit and Delete icons), which would enable the user to enter a lightbox view starting at that image. Currently, the Lightbox viewer has to start at the first image in a gallery or photo album.

2) I have asked elsewhere if we could have the lightbox view scroll round, so that going 'forwards' from the last image takes you to the first image in the gallery. Also going back from the first image takes you to the last image.

3) If this lightbox icon could be made available on an image view page (i.e. looking at a single image), that would also get around a big issue for us, which is that it's often not possible to see an entire image on screen without scrolling down.
I believe @zachary-moonshine and @strumelia have also asked for this kind of feature, so perhaps it would be a popular one with other JR sites.
updated by @lornawebber: 11/14/16 08:55:18AM
PatriaCo
PatriaCo
@the-patria-company
8 years ago
349 posts
You have my vote for this as well. :)


--
The Patria Company - patriaco.com / quality-trades.com / a-t.life - doing Jamroom since v3
michael
@michael
8 years ago
7,714 posts
You have total control over your site, if you want a lightbox on anywhere, you can alter the skin to put a lightbox anywhere.

Example, if you wanted a lightbox from each of the images in the gallery page where the "View Images in Lightbox" was shown, the template is /modules/jrGallery/templates/item_gallery.tpl . You can over-ride it with this method:

Docs: "Altering a Module's Template"
https://www.jamroom.net/the-jamroom-network/documentation/jamroom-developers-guide/1051/altering-a-modules-template

Currently the code is already there for the lightbox and starts at position 0, but you can start it on any image by adding a link containing the item_id, eg:
<a href="{$jamroom_url}/{$murl}/image/gallery_image/{$item._item_id}/1280" data-lightbox="images" title="{$_items['0'].gallery_alt_text}">open in a lightbox</a>
around line 75 to check its working (as thats inside the foreach loop), then style it however you like.

That will add a 'open in a lightbox' link to each of the images.
Melih
Melih
@melih
8 years ago
198 posts
Like Michael said, you can open any image in lightbox if you add "data-lightbox" attribute to the link. It is very easy to use. But my personal point of view lightbox2 is a little bit limited functionally. I sick and tired to find ways around to do what i wanted to do with lightbox. So i change it with fancybox. Now i can make it display almost everything in a lightbox with fancybox. I used lightbox to show images with many additional data like title, links, tags... But recently i needed to show an iframe in a lightbox for spherical panoramas. There is no way to display iframe in lightbox at least i couldn't find. Now i am very happy with fancybox. But if you want to display only images in lightbox all you need to do is change the image source code to a link code and add the "data-lightbox" attribute. And you can pass things to lightbox with "data-title" attribute. For example i used data-title to give link to profiles; you can go to a person's profile by clicking a link under that person's photo. You can find more information about lightbox on the web
updated by @melih: 08/15/16 02:50:23PM
lornawebber
@lornawebber
8 years ago
334 posts
Thanks for the suggestions @Michael and @Melih -much appreciated.
Sorry I'm not technically skilled on Jamroom, so the pointers are most helpful and I'll look into it.

Tags