Mobile Cropping Images

gubaguba · 2014-11-11 02:12:01

When viewing a gallery posted from LR the images and thumbnails views are cropped sometime severely. As a photographer I don't want this to happen.

rod barbee · 2014-11-11 02:31:17

Are you seeing this on line or in Lightroom? If in Lightroom, try closing one or both of the side panels. Also, see this: http://ce4.theturninggate.net/docs/doku … _workspace

if on line, can you post a link so someone can take a look?

Matthew · 2014-11-11 10:43:08

On mobile, thumbnails are presented in square format. This makes best use of mobile devices' limited screen real estate, and also mimics the majority of mobile photo apps, providing a user experience that is both expected and familiar to visitors.

gubaguba · 2014-12-04 02:00:05

The images could still be square and not cropped. They could be inside a square window that would leave the tops or sides empty depending on vertical or horizontal. I am looking at the web page and that is how it is built. So not sure why the mobile would opt for something different.

I feel like a broken record but this app is for photographers, we spend a lot of time designing our images and it it is very important how they are displayed. That is the reason I purchased your plugin. So for the thumbs to be randomly cropped is not something I find desirable.

Last edited by gubaguba (2014-12-04 02:00:38)

rod barbee · 2014-12-04 04:00:12

thought the thumbnails will probably end up being pretty small, you can change the behavior with custom css.

give this a try:

@media only screen and (max-width: 700px) {
    .ce4-standard .griditem.landscape {        
        background-size: contain;
        }
    
    .ce4-standard .griditem.portrait {        
        background-size: contain;
        }
}

Matthew · 2014-12-04 12:57:14

gubaguba wrote:

So not sure why the mobile would opt for something different.

For exactly the reasons I have already stated.

rod barbee wrote:

thought the thumbnails will probably end up being pretty small, you can change the behavior with custom css.

That could be condensed somewhat. But I think this will make thumbnails indecipherably small on mobile.

@media only screen and (max-width: 700px) {
    .ce4-standard .griditem.landscape, 
    .ce4-standard .griditem.portrait {        
        background-size: contain;
        }
}

rod barbee · 2014-12-04 15:16:11

But I think this will make thumbnails indecipherably small on mobile.

It does make them pretty small. I rather like the square thumbs on mobile, even though cropped. I figure visitors are going to have to look at the larger images anyway and I'd rather not have all that extra white space around the thumbs, it makes things look out of balance.

gubaguba · 2014-12-09 23:56:05

I will try the css and check the appearance. I understand they will be small. I would rather show what the image is even small rather then show part of it. " I figure visitors are going to have to look at the larger images" If my assumption is the user is going to look at them full size then why even have thumbs for navigation?

Thanks you.

Last edited by gubaguba (2014-12-09 23:56:24)

rod barbee · 2014-12-10 00:33:42

If my assumption is the user is going to look at them full size then why even have thumbs for navigation?

so visitors can choose which images to view large

Community @ The Turning Gate

#1 2014-11-11 02:12:01

Mobile Cropping Images

#2 2014-11-11 02:31:17

Re: Mobile Cropping Images

#3 2014-11-11 10:43:08

Re: Mobile Cropping Images

#4 2014-12-04 02:00:05

Re: Mobile Cropping Images

#5 2014-12-04 04:00:12

Re: Mobile Cropping Images

#6 2014-12-04 12:57:14

Re: Mobile Cropping Images

#7 2014-12-04 15:16:11

Re: Mobile Cropping Images

#8 2014-12-09 23:56:05

Re: Mobile Cropping Images

#9 2014-12-10 00:33:42

Re: Mobile Cropping Images

Board footer