Fullscreen not resizing image to screensize

CSS styling, controls, custom look and feel, custom packaging and deployment.
dreidesign
Posts: 12
Joined: Fri Sep 21, 2018 2:48 am
Contact:

Fullscreen not resizing image to screensize

Postby dreidesign » Tue Mar 26, 2019 2:10 am

Is this a normal behaviour that the fullscreen is just scaling the image to the max image size?

I would like to get a "real fullscreen", that the image is scaled up the the screen resolution and keeping the aspect, no matter what the resolution of the image is.

I've seen that the fullscreen player got its own div with the id "wr360image_wr360PlayerId_fs". I can overwrite the styles for that via css, but to keep the aspect I would need some "procentual padding-top hacks". Just wanted to know if there is a more elegant way.

WebSupport
Posts: 956
Joined: Thu Aug 23, 2012 11:35 am
Location: Pasadena, CA
Contact:

Re: Fullscreen not resizing image to screensize

Postby WebSupport » Wed Mar 27, 2019 6:35 am

Hi there! Yes, indeed. We never wanted to stretch the 360 product photography images beyond their max dimensions as configured in SpotEditor under Images->Tools->Resize so they don't appear blurry. Something we may re-consider as there probably some applications where this is acceptable.

Your solution is probably the best one at the moment, short of stretching out your images upfront if your input resolution is lower than you need.

WebSupport
Posts: 956
Joined: Thu Aug 23, 2012 11:35 am
Location: Pasadena, CA
Contact:

Re: Fullscreen not resizing image to screensize

Postby WebSupport » Wed Mar 27, 2019 6:39 am

object-fit can help with the CSS approach?

https://www.w3schools.com/css/css3_object-fit.asp

dreidesign
Posts: 12
Joined: Fri Sep 21, 2018 2:48 am
Contact:

Re: Fullscreen not resizing image to screensize

Postby dreidesign » Mon Apr 01, 2019 7:01 am

The object-fit approach didnt work for me. I tried the good old padding-top trick for responsive aspect ratio.


Return to “Viewer Development and Customizations”

cron