Report Bugs Here

Suggestions and comments about SummitPost's features, policies, and procedures. Post bugs here.
User Avatar
Gangolf Haub
Forum Moderator
 
Posts: 9444
Joined: Wed Nov 12, 2003 4:28 pm
Thanked: 1045 times in 752 posts

Re: Report Bugs Here

by Gangolf Haub » Wed May 15, 2019 8:47 pm

Matt, I see you have somehow changed the code for inline images. It turns out that all of my panoramas are now completely off and I don't see how I will be able to fix them all.

Example:
https://www.summitpost.org/view_object. ... id=1030744

Code:
Code: Select all
<center><table class="thumb"><tbody><tr><td><div><div style="width:770px;height:690px;overflow:auto;"><img src="https://www.summitpost.org/images/original/1030757.jpg"></div><div class="magnify" style="float: right; margin-top: 5px;"><a href="/view_object.php?object_id=1030757" title="View Pano"> <img style="" src="/images/layout/abby/magnify.gif" alt="Enlarge"></a></div>The Sao Vicente Basin and the Central Range seen from Pico Bica da Cana</div></td></tr></tbody></table></center>


It's quite frustrating actually.

The following user would like to thank Gangolf Haub for this post
Matt Miller

User Avatar
Matt Miller
Site Admin
 
Posts: 569
Joined: Tue Sep 01, 2015 3:44 pm
Thanked: 188 times in 130 posts

Re: Report Bugs Here

by Matt Miller » Thu May 16, 2019 4:52 pm

Hi Gangolf,

Thanks for reporting this. I am looking at the problem but can't see what exactly the cause is for the fact that the images aren't showing at their maximum resolution.

If I right-click on the image and open it in a new window, it is very large:
https://sp-images.summitpost.org/103075 ... 1095ff2cb5

So there must be some sort of CSS limitation with the wrapping div that is preventing the image from going to max resolution. Ah yes...I see the issue now...it is with img max-width: 100% and the outer div being set at 770px width, so the image is limited to that width as well.

Hmm, I can't think of a way to fix that off the top of my head. A change was made to the CSS so that all images are responsive now, which is very important for proper responsive display of pages on all devices and to achieve that it required setting max-width: 100%.

Let me do some Googling to see if I can find a solution for displaying "responsive" panorama images. I am assuming instead of the image being shrunk to fit the width of the screen, the behavior you'd like to see is that there is a scroll bar across the bottom as it behaved in the past?

The following user would like to thank Matt Miller for this post
Gangolf Haub

User Avatar
Gangolf Haub
Forum Moderator
 
Posts: 9444
Joined: Wed Nov 12, 2003 4:28 pm
Thanked: 1045 times in 752 posts

Re: Report Bugs Here

by Gangolf Haub » Tue May 21, 2019 8:38 pm

Matt Miller wrote:Hi Gangolf,

Thanks for reporting this. I am looking at the problem but can't see what exactly the cause is for the fact that the images aren't showing at their maximum resolution.

If I right-click on the image and open it in a new window, it is very large:
https://sp-images.summitpost.org/103075 ... 1095ff2cb5

So there must be some sort of CSS limitation with the wrapping div that is preventing the image from going to max resolution. Ah yes...I see the issue now...it is with img max-width: 100% and the outer div being set at 770px width, so the image is limited to that width as well.

Hmm, I can't think of a way to fix that off the top of my head. A change was made to the CSS so that all images are responsive now, which is very important for proper responsive display of pages on all devices and to achieve that it required setting max-width: 100%.

Let me do some Googling to see if I can find a solution for displaying "responsive" panorama images. I am assuming instead of the image being shrunk to fit the width of the screen, the behavior you'd like to see is that there is a scroll bar across the bottom as it behaved in the past?


Livioz has realized that if you exchange the code of the picture as it used to be
Code: Select all
https://www.summitpost.org/images/original/1030757.jpg


with the code of the high resolution picture

Code: Select all
https://sp-images.summitpost.org/1030757.jpg?auto=format&fit=max&h=800&ixlib=php-2.1.1&q=35&s=6663b394665603b8b725e71095ff2cb5


everything remains as it used to be. Now the obvious question is whether it would be possible to automate such an exchange...

On the other hand I fully understand that nowadays you'd want responsive design. Back when we "invented" these sliding panoramas nobody thought of displaying SP on a mobile device and we invented rules like the 770 px rule, assuming the best resolution to view these panos was on a screen of 1024 pixels width.

The times they are a changin' - as Bob used to say ...

Previous

Return to Site Feedback

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 0 guests