NikonGear'23

The NikonGear Office => Site Issues => Topic started by: Bjørn J on June 19, 2015, 13:12:36

Title: Image size test
Post by: Bjørn J on June 19, 2015, 13:12:36
This is 1600 px wide, posted as an inline attachment. I want to see how it displays in my Firefox...

Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 13:13:49
Interesting. This downsamples properly, and adjusts itself if I resize Firefox.
Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 13:16:21
This is the same image when located on an external server.
Displayed here with the "add image" button:

(https://nikongear.net/revival/proxy.php?request=http%3A%2F%2Fwww.arcticphoto.no%2F_ngear%2Fs_test_1409_0946.jpg&hash=7922da8efb78de031d604dbb89ad5d2d1c913b65)
Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 13:17:09
This did not work, image is not downsampled in Firefox, and way too large.
Title: Re: Image size test
Post by: Bjørn Rørslett on June 19, 2015, 13:18:49
The SMF css section is set to handle attachment and linked images in the same manner. Apparently, this works perfect with your sample images.

The resizing is pure css, no javascript or plugins are employed.
Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 13:24:37
The SMF css section is set to handle attachment and linked images in the same manner. Apparently, this works perfect with your sample images.

The resizing is pure css, no javascript or plugins are employed.

So in your Firefox, the linked image displays properly, same as the first inline attachment?
Title: Re: Image size test
Post by: Birna Rørslett on June 19, 2015, 13:33:44
Yes. No difference at all.
Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 13:35:30
And it doesn't work properly in Chrome or IE either....
Title: Re: Image size test
Post by: Bjørn Rørslett on June 19, 2015, 14:00:08
Image resizing works in Firefox on all platforms tested so far (Windows 7, 2003, Linux). IE is as usual a sad story, but your image does change size even there (to be precise, it gets upscaled, but won't shrink below its initial size in my IE 11).
Title: Re: Image size test
Post by: Frank Fremerey on June 19, 2015, 14:08:39
I am on Firefox/Android here and have to scroll both
Title: Re: Image size test
Post by: Anthony on June 19, 2015, 14:20:21
On Mac/FF both images work fine.  If I shrink the FF window they resize until they are really small and then are cropped - but that only happens when the window is too small to be useful.  The larger versions both resize properly whatever the window size.

Same on Mac/Safari.
Title: Re: Image size test
Post by: Bjørn Rørslett on June 19, 2015, 14:43:15
Admit I'm puzzled by the different responses across member's computers and browsers. As I already stated, the resizing relies solely on CSS and no javascripts are involved. All modern CSS3 compliant browsers should be able to handle this functionality by design.

Perhaps the various users have no-standardised browser setting active? Then tracking down and correcting the enigmatic behaviour of image resizing really can be time-consuming.

Andrea has had eye issues of late and might need an operation to correct a retina going astray. We'll keep her away for a while and try to find practical solution while she is on the mend.
Title: Re: Image size test
Post by: armando_m on June 19, 2015, 15:23:53
On Mac/FF both images work fine.  If I shrink the FF window they resize until they are really small and then are cropped - but that only happens when the window is too small to be useful.  The larger versions both resize properly whatever the window size.

Same on Mac/Safari.
Same behavior on Win 7 / FF - displays/resized  both images without the need to scroll
Title: Re: Image size test
Post by: Bjørn J on June 19, 2015, 15:25:14
Admit I'm puzzled by the different responses across member's computers and browsers. As I already stated, the resizing relies solely on CSS and no javascripts are involved. All modern CSS3 compliant browsers should be able to handle this functionality by design.

Perhaps the various users have no-standardised browser setting active? Then tracking down and correcting the enigmatic behaviour of image resizing really can be time-consuming.

Andrea has had eye issues of late and might need an operation to correct a retina going astray. We'll keep her away for a while and try to find practical solution while she is on the mend.

As far as I know my Firefox has pretty standard settings, except that I have restrictions on cookies and privacy. I run AdBlock and a few other add-ons, but I have disabled many of them during this testing.
I will probably do a complete uninstall/reinstall of FF, but it puzzles me that Chrome and IE also have the same display issues.
Title: Re: Image size test
Post by: afx on June 19, 2015, 16:55:57
My FF on Linux displays the image just fine without scrolling. Chrome also is just fine.

cheers
afx


Title: Re: Image size test
Post by: Erik Lund on June 19, 2015, 18:28:29
Works fine on MAC and Firefox here in Copenhagen :)

Nice image BTW
Title: Re: Image size test
Post by: Øivind Tøien on June 19, 2015, 23:04:04
Both Chrome and IE10 on my Win7 system re-sizes nicely according to the width of the browser window. I think it is very nice how this has been made to work, as it satisfies both those with high resolution and low resolution screens.
Title: Re: Image size test
Post by: Bjørn Rørslett on June 19, 2015, 23:05:57
From a security point of view, avoiding javascript in handling images is beneficial. Just pure CSS.
Title: Re: Image size test
Post by: Frank Fremerey on June 20, 2015, 00:05:02
Maybe it is the screen resolution. The Big one has 1920x1200, the Mobile has something like 1280x800. even landscape mode needs scrolling on the mobile
Title: Re: Image size test
Post by: Bjørn Rørslett on June 20, 2015, 00:25:36
Case is solved: Bjørn J didn't use the Revival theme and thus no CSS to handle resizing was present.
Title: Re: Image size test
Post by: Frank Fremerey on June 20, 2015, 07:49:43
Now I switched to the default Theme I see post #1 resized, post #2 is still scrolling
Title: Re: Image size test
Post by: Erik Lund on June 20, 2015, 11:14:26
Maybe we should have same settings for all Themes... :)
Title: Re: Image size test
Post by: Bjørn Rørslett on June 20, 2015, 12:32:22
Andrea will bravely attack these resizing enigmas when she has had a sufficient improvement of her eye sight. Poor girl now walks around decked out like a Pirate with black eye patch and who knows, even wielding a sword or dagger?

Frank, I'm a little worried about installing commercial themes to our site just for handling mobile phones better. Can you put this on the back burner until Andrea recovers?
Title: Re: Image size test
Post by: Frank Fremerey on June 20, 2015, 15:36:57
The size of the font jumps from post to post. Sometimes I have 4 different font sizes in one screen from huge to tiny unreadable. Here is a less extreme example:
Title: Re: Image size test
Post by: Bjørn Rørslett on June 20, 2015, 15:42:31
Andrea is going to love you and you will be her pet NG member :D :D
Title: Re: Image size test
Post by: afx on June 20, 2015, 16:40:28
Andrea is going to love you and you will be her pet NG member :D :D
ROTFL³

cheers
afx
Title: Re: Image size test
Post by: Frank Fremerey on June 20, 2015, 16:53:47
I tought I was a guiena pig?

digging for bugs...
Title: Re: Image size test
Post by: Frank Fremerey on June 20, 2015, 17:00:25
The yellow theme works. I did understand the original curve theme was the one to choose. Sorry.not.all.good.
Title: Re: Image size test
Post by: Andrea B. on June 20, 2015, 19:00:48
As noted in a separate post, there was a typo in the Curve Theme image sizing which I repaired.
Test your image displays again and report any problems here: http://nikongear.net/revival/index.php?topic=298