Auto Picture Resize. How?

[DLang]

This is the only forum I'm a member on that doesn't have auto picture resize.

Example of a picture that the forum should auto resize.

Is there a button that can be clicked to auto resize photos?

[Tywais]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Pinned topic on posting images - http://www.thaivisa.com/forum/topic/614372-posting-images-guidelines/

[manarak]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Pinned topic on posting images - http://www.thaivisa.com/forum/topic/614372-posting-images-guidelines/

If the forum had a webmaster with the ability to code, this could be fixed easily.

[DLang]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Thanks,

But that involves saving it, then uploading it, rather than just linking to it.

Perhaps moderators could save and then upload oversized images as attachments via editing the posts.

[Tywais]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Pinned topic on posting images - http://www.thaivisa.com/forum/topic/614372-posting-images-guidelines/

If the forum had a webmaster with the ability to code, this could be fixed easily.

You can contact Invision Power Board with your concerns as that coding part is in their purview as it is part of the kernel.

[Tywais]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Thanks,

But that involves saving it, then uploading it, rather than just linking to it.

Perhaps moderators could save and then upload oversized images as attachments via editing the posts.

We have done it occasionally but usually just delete the post as it is the member's responsibility to follow the image guidelines of TV. That is no more than 1024 wide, 800 wide is optimum for all displays.

I don't know where you are hosting your images but most image hosting sites give options of the size of the image you wish to embed (share).

[manarak]

It is a conflict between Firefox and Thaivisa lightbox script. If you use Chrome/IE it does autosize correctly. Been a problem with FF and TV for quite a while now.

//Edit - If you add it as an attachment rather than an offsite linked image it will work correctly.

Pinned topic on posting images - http://www.thaivisa.com/forum/topic/614372-posting-images-guidelines/

If the forum had a webmaster with the ability to code, this could be fixed easily.

You can contact Invision Power Board with your concerns as that coding part is in their purview as it is part of the kernel.

err... CSS and templates are not part of the kernel...

[manarak]

An esay way to force a crude resize in the browser is for example to slap a css "max-width" property on the image.

For use in a responsive theme, put the desired width in each sub-css sheet for every viewport size.

If anyone is worried about modifying the theme, I think IPB also offers the possibility to add site-specific overrides, so the standard style files don't have to be modified.

[Maestro]

If what you think is possible were in fact possible, you can be assured that Thaivisa would have implemented it. As Tywais explained, it is a problem with one particular browser, Firefox, but not with other browsers.

[Maestro]

It appears that the picture in the first post of this topic was uploaded at dimensions of 1600x901px.

Downloaded from the display on my Windows computer, the picture has the file size of 396kB. Downloaded from the Android tablet Nexus 7 and the Android phone Nexus 4, the size is 149 kB. To what size did you expect it to be reduced?

The picture displays correctly on all of the three devices mentioned above.

Windows computer, Chrome browser:

Android tablet, Thaivisa app

Android phone, Thaivisa app

[manarak]

max-width in % is ignored by firefox when the parent element(s) have no defined width.

you might want to give a width to parent element(s).

[DLang]

We have done it occasionally but usually just delete the post as it is the member's responsibility to follow the image guidelines of TV. That is no more than 1024 wide, 800 wide is optimum for all displays.

I don't know where you are hosting your images but most image hosting sites give options of the size of the image you wish to embed (share).

Linked from a website, not from a site hosting the poster's pictures.

[DLang]

It appears that the picture in the first post of this topic was uploaded at dimensions of 1600x901px.

Downloaded from the display on my Windows computer, the picture has the file size of 396kB. Downloaded from the Android tablet Nexus 7 and the Android phone Nexus 4, the size is 149 kB. To what size did you expect it to be reduced?

The picture displays correctly on all of the three devices mentioned above.

Windows computer, Chrome browser:

DLang - Windows computer.png

Android tablet, Thaivisa app

DLang Nexus 7.png

Android phone, Thaivisa app

DLang Nexus 4.png

"To what size did you expect it to be reduced?"

To one that doesn't require a scroll bar to see it all, and also push over the forum's page so buttons such as 'post' 'view new content' so posters need to scroll over just to do that.

Every other forum I use automatically reduces photos to the width of the page, and has a bar along the top of them with info 'This photo has been reduced from size xxxxx. To see it at full resolution, please click on it'.

Thaivisa needs to upgrade.

[Maestro]

In that case, I can confirm that I have no problem whatsoever viewing your picture. No scrolling needed. No part of the forum page is covered by the picture.

It seems that you are using a browser that is not fully compatible with HTML standards.

[Maestro]

As an experiment, I viewed page 1 of this topic with Netscape and and far as I can see the picture picture attached in post #1 gets displayed correctly:

This got me to thinking that if a stone-age browser like Netscape has no problem with this picture, any other browser that does have a problem must be seriously deficient.

[manarak]

As an experiment, I viewed page 1 of this topic with Netscape and and far as I can see the picture picture attached in post #1 gets displayed correctly:

DLang - Netscape.png

This got me to thinking that if a stone-age browser like Netscape has no problem with this picture, any other browser that does have a problem must be seriously deficient.

nope... the issue is just that the W3C has defined no standard as to what to do when an element has a dimension defined in % but no parent element on which the % figure can be based on.

100%. ok. 100% of what ??

So, every browser software has made their own decision, and they didn't all decide the same.

Cross-browser compatibility is still a big problem in the WWW, but a lot can be resolved by coding with cross-browser compatibility in mind. A browser with such a large market share as Firefox cannot be ignored or dismissed as "defective".

[Anthony5]

As an experiment, I viewed page 1 of this topic with Netscape and and far as I can see the picture picture attached in post #1 gets displayed correctly:

DLang - Netscape.png

This got me to thinking that if a stone-age browser like Netscape has no problem with this picture, any other browser that does have a problem must be seriously deficient.

The answer to that is that Google stopped contributing in the development of Firefox, and now Yahoo is the big man behind Firefox.

Been on a Yahoo page lately, that is like going back 10 years in the time. If they even can't get their own webpages working correctly, what do you expect.

[Maestro]

I believe the OP has so far not said what browser is giving him the problem he has described.

[Maestro]

... the issue is just that the W3C has defined no standard as to what to do when an element has a dimension defined in % but no parent element on which the % figure can be based on.

100%. ok. 100% of what ?? ...

Let's say the picture uploaded by the OP had a width of 1900px, ie 1900px = 100%. To what percentage would the browser he is using have to reduce it so that it displays correctly on his screen?

[manarak]

... the issue is just that the W3C has defined no standard as to what to do when an element has a dimension defined in % but no parent element on which the % figure can be based on.

100%. ok. 100% of what ?? ...

Let's say the picture uploaded by the OP had a width of 1900px, ie 1900px = 100%. To what percentage would the browser he is using have to reduce it so that it displays correctly on his screen?

Sorry, that's not how HTML works. Relative sizes are relative to the parent element, not to the element itself.

So, if the parent element is 900 px wide, a max-width:90% would yield 810px.

[DLang]

Browser used is Firefox (company computer).

Now go click post, and have to scroll over first.

No other forum I use has this issue.

Up your game Thaivisa!

[Maestro]

I'd say it is for Firefox to up their game, seeing that apparently all other browsers have no problem displaying your picture correctly.

[Maestro]

Source code in Netscape:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

Source code in Firefox:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

Source code in Chrome:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

What, exactly, do you expect Thaivisa to do about it? Thaivisa did not write the program that created the above source code when you uploaded your picture. Thaivisa did not write the Firefox browser. Thaivisa did not write Lightbox.

Suggestion: complain to Firefox.

[manarak]

Source code in Netscape:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

Source code in Firefox:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

Source code in Chrome:

<p><span rel='lightbox'><img class='bbc_img' src="http://1.bp.blogspot.com/-vT1zJEHGpYY/UWa0uECANkI/AAAAAAAABVA/aiH3LaWPZEI/s1600/2.JPG" alt="2.JPG"></span></p>

What, exactly, do you expect Thaivisa to do about it? Thaivisa did not write the program that created the above source code when you uploaded your picture. Thaivisa did not write the Firefox browser. Thaivisa did not write Lightbox.

Suggestion: complain to Firefox.

Well, if you have nobody who is able to fix it, then the best you can do as a customer of IPB is to log a bug/request with them.

[DLang]

I'd say it is for Firefox to up their game, seeing that apparently all other browsers have no problem displaying your picture correctly.

Incorrect.

Other forums have no issue with autosizing while on firefox.

They also have no issues with multi-quoting....

Perhaps if Thaivisa listened to constructive criticism and proactively developed the forum the same as other forums that don't have these issues, it would be a better forum.

[Tywais]

This topic is going around in circles now and counterproductive and an explanation has been given. I will check if there has been a ticket submitted to IPB either by us or other IPB sites but as stated, it is out of our hands. TV does not modify the fundamental code of IPB because when a new release of the board comes out we have to modify it again. A new major release is coming out soon so will see if the same issue is there or fixed.

//Closed//