topic Re: Scaling oversized inline images in Community Site Feedback

Scaling oversized inline images

Anonymous — Wed, 06 Jul 2016 14:27:25 GMT

Is it too much to ask that images over a certain size be automatically resized when displayed in the page. I've just seen a post where there is an image of the dsl checker and it extends to easily twice the size of the page.

Re: Scaling oversized inline images

jaread83 — Wed, 06 Jul 2016 14:47:00 GMT

Do you have a link to the post?

Re: Scaling oversized inline images

Oldjim — Wed, 06 Jul 2016 15:02:04 GMT

Just tried it both by uploading and via a URL and it just takes up the width of the window

Re: Scaling oversized inline images

Oldjim — Wed, 06 Jul 2016 15:05:40 GMT

Now this is interesting

@jaread83 I tried with an uploaded image and a URL and it didn't happen so I had several fiddles with the html code and that didn't do it either so I edited the post again (after several edits) to remove the picture and guess what - it hasn't been posted and there was a note that it will be posted after it is approved

Re: Scaling oversized inline images

jaread83 — Wed, 06 Jul 2016 15:25:21 GMT

That would mean that the image got flagged for moderation. We don't have that feature turned on at the moment unless someone else has turned it on... or trying to upload images in that way triggered it.

I would imagine that you can get around scaling of images by inserting an externally hosting image into a standard <img> html tag which is why I'd like to see that post to see if that is the case.

Re: Scaling oversized inline images

jaread83 — Wed, 06 Jul 2016 15:30:38 GMT

@Oldjim - I just had a look at your uploaded images and none have been flagged for approval or are awaiting approval. I also checked the admin panel and image moderation is switched off for the entire community.

Re: Scaling oversized inline images

Anonymous — Wed, 06 Jul 2016 15:33:49 GMT

@jaread83 - Sorry for the delay but I am sure that it was this post here but I can't be 100% positive but the times do match, but I now see that the post has been edited.

Re: Scaling oversized inline images

jaread83 — Wed, 06 Jul 2016 15:38:17 GMT

Nothing seems to be amiss here. The image is only 550px wide and I have some CSS in place to have height: auto; and max-width: 100%; so it should scale down to the parent container if it was to try to break out and cause layout issues. I will keep my eye out but if you see any strange behaviour with images let me know and I will investigate further.

Re: Scaling oversized inline images

Oldjim — Wed, 06 Jul 2016 16:02:12 GMT

@jaread83 I wasn't the image it was when I removed it - could it be in the spam filter - and it hasn't appeared yet

Re: Scaling oversized inline images

jaread83 — Wed, 06 Jul 2016 16:16:21 GMT

ha... yep.. spam filter... let me release that for you

Re: Scaling oversized inline images

Oldjim — Wed, 06 Jul 2016 17:33:25 GMT

To which the next question is why was it there - does anyone actually know how it works

Re: Scaling oversized inline images

jaread83 — Thu, 07 Jul 2016 11:17:35 GMT

Just tested adding an extremely large image file (3782 x 2592) to posts using 3 different methods:

1. Using the image upload modal to upload the image here

2. Using the image upload modal and selecting 'from url'

3. Switching to HTML tab and inserting standard <img src="" />

All three images came back looking exactly the same. The image I used was this (link to wikipedia image)

As for the spam filter, we do not know what algorithm it uses to determine whether a post is spam or not. It has caught a lot of legitimate spam though! Sometimes real posts get caught but after we mark it as 'not spam' the system should learn from that.

Re: Scaling oversized inline images

Anonymous — Thu, 07 Jul 2016 11:50:30 GMT

@jaread83 - OK just saw this but in case it changes here's an image.

As you can see the image is way to large for the container. I have just viewed the link from above and the image scales correctly. My image above was taken from this URL, and not the link.

Re: Scaling oversized inline images

jaread83 — Thu, 07 Jul 2016 12:48:34 GMT

My CSS only applies to the post content so this is something I need to look into for the unread posts/threads page with the 'display text' enabled.

Added to my bug list to look at.

Re: Scaling oversized inline images

jaread83 — Thu, 07 Jul 2016 13:00:56 GMT

@Anonymous, that isn't an image, its a table.

There is some CSS specifically for tables in the unreadposts page so i just need to override that.

Re: Scaling oversized inline images

Anonymous — Thu, 07 Jul 2016 14:14:09 GMT

A table! I automatically assumed it was an image, well a lesson learned.

Re: Scaling oversized inline images

jaread83 — Thu, 07 Jul 2016 15:37:49 GMT

Also the fact that the table cells are set to be 500 wide each doesn't help matters.

I could override the CSS specifically for the unread posts page to have table-layout: auto; that should fix it.

Re: Scaling oversized inline images

jaread83 — Thu, 07 Jul 2016 15:46:16 GMT

I have issued a hotfix for this as part of the next release. This is what it will look like:

Re: Scaling oversized inline images

Anotherone — Sun, 10 Jul 2016 15:44:37 GMT

I know I'm a few days late to the party on this one, but I can't see any image posted by @Oldjim. Jim could you possibly explain - having read the posts again for a third time, my understanding is that you tried to recreate the issue that Mook was having and couldn't, but when you removed your image from the post, the post went to the Spam filter?

@Anonymous the links you gave in message 7 and message 13 I presumed for the posts with the images, went to the start of the respective threads. Was that what you intended? - you can get the url of specific posts by right-clicking the read message number and using Copy Link Location in case you weren't aware

Re: Scaling oversized inline images

Anonymous — Sun, 10 Jul 2016 16:12:02 GMT

@Anotherone - As pointed out by Jaread83 this isn't an image but a table and the issue now has a fix pending. As regards the link it should have referred to msg 5 (line estimates) for my message 7 and my msg 13 was to show where I took the screen grab from.

Hope this makes sense.