Image Resizing (2.0.5)

[Todge]

Nov 9, 2019 5:57:32 GMT -8 @lucylane said:

Thanks Todge.

I am co-admin at toetapping’s forum.

The problem is that if you want to manually post a smaller image that the chosen size of the plugin, it won’t do it. You will see what I mean by clicking the link below.

I have now changed the forum settings to large image with scroll, but that did no good. I also deleted the plugin and reinstalled it.

nicetomeet.proboards.com/thread/14352/member-suggestions?page=1&scrollTo=368372

This plugin will resize any image that is above the size you specify in the plugin, regardless of what size you try to post it.

If you post an image and specify a size smaller then the plugin settings the image will be ignored.

If this is not the case, can you please post or PM me the exact code you using to post the images so I can try it on my forum and hopefully recreate the issue.

Thank you.

[Former Member]

A very helpful member found a way to post a smaller image than the selected image resize size, Todge.

Nov 9, 2019 6:27:02 GMT -8 @interestedbob said:

I've found a workaround, which is to simply remove the 'max-' part of the image style, so it just says 'width:120px'...





I'm not sure why the max-width method works OK everywhere else, though...

[Todge]

Nov 9, 2019 11:17:31 GMT -8 @lucylane said:

A very helpful member found a way to post a smaller image than the selected image resize size, Todge.

Good to hear, but I'd still like to get to the bottom of this..

max-width works fine with this on my forum, so I did a little digging on your forum.. It seems you have this CSS instruction somewhere on your forum...

div.message img {
max-width: 640px !important;
max-height: 480px !important;
}

That is overriding any max-width you post for an image, making it larger than the 120px you tried to post at first in the thread you linked to. A normal 'width:120px' would not be overriden and would therefore post correctly.

[Former Member]

So should I look for the CSS and delete it or change it to something else, Todge?

[Former Member]

This is in global headers, Todge.

<style type="text/css">
/* Resize All in One Images - Global Header */
/* Signature - Posting Images - Avatar Quote */
div.signature img {max-width:320px !important; max-height:240px !important;}
div.message img {max-width:640px !important; max-height:480px !important;}
div.message .avatar_size_quote img {max-width:30px !important; max-height:30px !important;}
</style>

[Todge]

Nov 9, 2019 17:04:38 GMT -8 @lucylane said:

So should I look for the CSS and delete it or change it to something else, Todge?

Nov 9, 2019 17:58:08 GMT -8 @lucylane said:

This is in global headers, Todge.

<style type="text/css">
/* Resize All in One Images - Global Header */
/* Signature - Posting Images - Avatar Quote */
div.signature img {max-width:320px !important; max-height:240px !important;}
div.message img {max-width:640px !important; max-height:480px !important;}
div.message .avatar_size_quote img {max-width:30px !important; max-height:30px !important;}
</style>

That's the one..

Everything you are now doing is trying to get around that code, so you can either go ahead and remove it, or, if you want to keep the signature and avatar aspects of the code, change it to..

<style type="text/css">
/* Resize Signature and avatar Images - Global Header */
div.signature img {max-width:320px !important; max-height:240px !important;}
div.message .avatar_size_quote img {max-width:30px !important; max-height:30px !important;}
</style>

[Former Member]

I exchanged the codes, Todge, but the problem persists with both images as posted above, being the same size.

[Todge]

Nov 10, 2019 10:03:39 GMT -8 @lucylane said:

I exchanged the codes, Todge, but the problem persists with both images as posted above, being the same size.

I can see that you have changed the code above, but, a little further down the code is repeated...

That code is overriding the first iteration and can be removed.

[Former Member]

Thanks for noticing that the code was duplicated, Todge. I removed it.

Unfortunately, both images are still the same size, even though the following reduced percentage is above each image.

First Image - This image has been reduced by 56.7%. Click to view full size.

Second Image - This image has been reduced by 13.2%. Click to view full size.

[Former Member]

It is working correctly now, Todge.

We have it currently set at 325 x 325, so when someone posts an image to have it 50%, it won’t appear 50% of 325 x 325, it will appear at 50% of the original image, so it’s best to use numbers, not a percentage when you post an image.

Thank you for your time and effort for correcting the problem for us. We appreciate it.

[toetapping]

Todge thank you for the time you have spent with our problems. It is appreciated.

[Todge]

No worries.. Glad to help.

[kellijaebaeli]

I could not get this plugin to work. I set the max size to 500 (assuming that was a pixel size), and it didn't change attached image size at all.

[Todge]

Jun 10, 2020 17:09:38 GMT -8 kellijaebaeli said:

I could not get this plugin to work. I set the max size to 500 (assuming that was a pixel size), and it didn't change attached image size at all.

Could you please post or PM me a link to your forum, specifically the thread where you are having trouble and have it viewable by guests.

Thank you.

[3rd]

Hello Todge.

My forum onthe.boards.net/

I am using this setting  Display Large Images At Full Size with a Scroll Bar.

My problem when I set the max width to 900 the plugin stops working.

If I set the height above 780 the plugin stops working.

I have it set at Width 880 and height 780 and it works great but I need it a bit bigger.

If I leave the Height blank the plugin stops working.

I also have a test forum and get the same results.

I have it set to use the overlay only.

We take images of bugs and bees etc so need to have the images quite large.

I have checked on all main browsers but it is the same.

Great plugin by the way .



Thanks.