Put lightbox feature everywhere?

Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
9 years ago
824 posts
this is the best feature for viewing photos in galleries but is very hard to get too unless you know you are looking for it is there anyway to make it so it is accessible on every page of a photo gallery and not just the one?
updated by @zachary-moonshine: 09/13/15 02:10:56AM
Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
9 years ago
824 posts
also i notice if you dont use the lightbox the images are massive so much that you have to scroll up and down to see them and then back up and down to find the arrow button to get to the next image this makes it an extremely difficult experience to browse photos unless you know about the lightbox it would be amazing if the lightbox was just the default way all images opened up
douglas
@douglas
9 years ago
2,790 posts
Which skin are you using?


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
brian
@brian
9 years ago
10,148 posts
The lightbox automatically adjust itself to the screen size - you should never have to scroll at all.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
lornawebber
@lornawebber
9 years ago
334 posts
I'm searching (in my ignorance I'm afraid) for information on how images are displayed in galleries. I've searched the JR documentation for information on Lightbox and come up empty, so forgive me if I am off topic - I really don't know if our site uses the lightbox and Ruth isn't available to ask, but this thread does seem relevant to my problem.

As an Admin on the pmp-art site, I'm getting lots of questions/complaints about how to control the size of image as displayed in galleries. Resizing the image (e.g. in the Image Editor) does not make it smaller when displayed. This is a feature that everyone wants.

On the pmp-art site, the display seems to use only the image pixel width, to work out how big to make the displayed size, it doesn't use the height, so you do often have to scroll a 'portrait format' photo. I attach an extreme example.. the screen shot is the entire visible screen.

Can you give me a pointer as to where to look? Sorry if this is a dim question. I'm new.

I've read the Forum posts here: https://www.jamroom.net/the-jamroom-network/forum/design-and-skin-customization/8494/nova-skin-gallery-lightbox-not-resizing-to-browser-window
and here: https://www.jamroom.net/the-jamroom-network/forum/25127/photo-lightbox-viewer-possible-to-link-to-image/search_string=lightbox
Both discussions are now closed, but don't say what the outcome was. Did you update the lightbox? Is there a way to click from an image to comment (that would be nice)?
brian
@brian
9 years ago
10,148 posts
lornawebber:
I'm searching (in my ignorance I'm afraid) for information on how images are displayed in galleries. I've searched the JR documentation for information on Lightbox and come up empty, so forgive me if I am off topic - I really don't know if our site uses the lightbox and Ruth isn't available to ask, but this thread does seem relevant to my problem.

As an Admin on the pmp-art site, I'm getting lots of questions/complaints about how to control the size of image as displayed in galleries. Resizing the image (e.g. in the Image Editor) does not make it smaller when displayed. This is a feature that everyone wants.

On the pmp-art site, the display seems to use only the image pixel width, to work out how big to make the displayed size, it doesn't use the height, so you do often have to scroll a 'portrait format' photo. I attach an extreme example.. the screen shot is the entire visible screen.

Can you give me a pointer as to where to look? Sorry if this is a dim question. I'm new.

I've read the Forum posts here: https://www.jamroom.net/the-jamroom-network/forum/design-and-skin-customization/8494/nova-skin-gallery-lightbox-not-resizing-to-browser-window
and here: https://www.jamroom.net/the-jamroom-network/forum/25127/photo-lightbox-viewer-possible-to-link-to-image/search_string=lightbox
Both discussions are now closed, but don't say what the outcome was. Did you update the lightbox? Is there a way to click from an image to comment (that would be nice)?

This is not related to lightbox - this is the jrGallery/templates/item_detail.tpl file. Right now the system tries its best to "fit it" to the current page size, and this is done so the page will be responsive on a mobile device. If you change so it sets it to a specific height and/or width, then it's not likely to work properly across all devices.

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
lornawebber
@lornawebber
9 years ago
334 posts
Thanks for your quick response, Brian. That's helpful, I know where to look now.
I'm not trying to set a specific height/width of screen, or a specific image pixel size. What I need is for the display to be limited to whichever is the smallest (screen height or width, or image pixels).

I won't hijack Zachary's thread any further. Feel free to delete my comments.
lornawebber
@lornawebber
9 years ago
334 posts
Zachary Moonshine:
also i notice if you dont use the lightbox the images are massive so much that you have to scroll up and down to see them and then back up and down to find the arrow button to get to the next image this makes it an extremely difficult experience to browse photos unless you know about the lightbox it would be amazing if the lightbox was just the default way all images opened up

Ah, Brian, now I get it. And I agree with Zachary. It would resolve all my display issues, (apart from getting a small display of a small image,for which I will look to the jrGallery/templates/item_detail.tpl).
Can I put a Lightbox view option on pages other than the Gallery view page? for example, on the individual photo page?
michael
@michael
9 years ago
7,714 posts
lornawebber:...Can I put a Lightbox view option on pages other than the Gallery view page? for example, on the individual photo page?....
sure, you can take over that page and do to it whatever you want.

"Override a modules template"
https://www.jamroom.net/the-jamroom-network/documentation/development/1051/altering-a-modules-template
michael
@michael
9 years ago
7,714 posts
Zachary Moonshine:
this is the best feature for viewing photos in galleries but is very hard to get too unless you know you are looking for it is there anyway to make it so it is accessible on every page of a photo gallery and not just the one?

To me it doesn't make sense to put it on the details page. The details page is the one that holds the image as a single piece of content along with comments 'n stuff.

Since there is only 1 photo there would be no 'next' 'prev' on the item_details page, just a lightbox of the one photo.

It is possible to do though using the "Override a modules template" method above though.

Seams like if you have a community where there are a lot of comments left on each photo, then the current system would be better to view a photo, then navigate to the next one and also keep the option of viewing in a lightbox for those that want that too.
lornawebber
@lornawebber
9 years ago
334 posts
Thanks for your answer, Michael.

The reason for wanting the lightbox on a single image, is to get the entire image displayed to fit the screen, so you don't have to scroll down the page to see it all.
This is extremely important on our image sharing site.

We also have some images that are meant to be smaller than the maximum fit-to-screen size. Editing the image size doesn't make the image display smaller, it just makes it more pixelated. I'll be reading up about the jr/Gallery/templates/item_detail.tpl so I can understand a bit more about it.

I'd also love to make the gallery grid show un-cropped thumbnails. It's important to see the whole image, even when reduced in size. When cropped to a square, it becomes very hard to evaluate a photo or artwork, or to identify an image you're searching for. It's great as shown on the gallery edit page - not so neat, of course, but much more usable.
michael
@michael
9 years ago
7,714 posts
@lornawebber sure, totally agree that what we have now is not going to be perfect for every use-case. What I'm saying is that I think what we have now is the best multi-purpose setup for general use.

What your after can be done at the skin level by over-riding the modules template and setting it up how you want it.

The only thing you will see with that "not ever photo is square" setup is that the CSS float will make it so you have big white patches.

See the two images attached. They show what is wanted and what you actually get when image of different sizes are floated together. You'd need to address how to handle that problem.
wanted_float.jpg
wanted_float.jpg  •  54KB

actual_float.jpg
actual_float.jpg  •  91KB

Zachary Moonshine
Zachary Moonshine
@zachary-moonshine
9 years ago
824 posts
i see what you are saying the lightbox really is cool and fun to use i guess if it was at least available where you see a gallery or if you choose to comment but then go back to the lightbox to travel between the two so that you can quickly get back n forth ?
michael
@michael
9 years ago
7,714 posts
Check out the just updated version of the docs:

"Altering a modules template"
https://www.jamroom.net/the-jamroom-network/documentation/development/1051/altering-a-modules-template

It now contains 2 ways to do what your after, either via the file system or via the ACP
lornawebber
@lornawebber
9 years ago
334 posts
@michael, I appreciate you taking the time to consider what I'm asking for. JR5 is so flexible it must be a challenge to understand all the different users' particular needs - and you do it so well.

I agree your standard set-up is the best multi-purpose fit. The square thumbnails look great.
For any photographic or art site, I believe your 2nd attachment including some white space is actually exactly what's needed, as it represents what you would see if you went to an art gallery (pictures hung level at the top). It's rare that the shapes are as extremely different as in your example.

This is the 'editing' view of one of my galleries, which is like your 2nd attachment and is what I would like to achieve for all gallery views. Thanks very much for the link. I will go away and study it and pass on to Ruth when she gets back.
updated by @lornawebber: 08/12/15 01:43:41AM
michael
@michael
9 years ago
7,714 posts
@lornawebber, what your after is in item_gallery.tpl around line 68 ish.

Its this bit of code:
{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="medium" crop="auto" class="gallery_img iloutline" alt=$item.gallery_alt_text width=false height=false}

You want to remove that part that reads crop="auto".

So once that's done, you'll have
{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="medium" class="gallery_img iloutline" alt=$item.gallery_alt_text width=false height=false}

That will cause the gallery page to look like this:
michael
@michael
9 years ago
7,714 posts
oops, like this:
lornawebber
@lornawebber
9 years ago
334 posts
@michael Thank you very much, Michael. That's great!