Oversized pictures

[Francois the Postman]

Personally I always thought it was bad form to post oversized pictures in a forum that doesn't handle them well. Ignoring bandwith issues for users that aren't sitting on the interweb's broadest lanes, it doesn't take too many glances at our threads to realize it seriously mucks about with the display width, making all pages with those pictures seriously annoying to read. If, like me, you set the number of posts to the maximum size, scrolling left to right as I read along feels almost like the default viewing mode.

I get some folk simply haven't got the scaling skills or the awareness of the issues it creates. I suspect others are just too lazy. Either way, it seems we are stuck with those images at the supply end.

So, is there any chance someone at the coding end can have a closer look at the wonderful CSS max-width tag? It won't fix the bandwith issue, but I think a few folk around here would welcome it warmly. I have noticed others are getting as annoyed with them as I am.

 

[Ferminal]

Yeh, it's not too hard to thumbnail (not so much thumbnail as reduce to a reasonable size) images over a certain set of dimensions is it?

Then again I'm on 1920x1200 so it's rare that one wrecks the page.

 

[Straßenrennen]

I would just like to offer my support to the OP on this.

 

[BroDeal]

Yeh, it's not too hard to thumbnail (not so much thumbnail as reduce to a reasonable size) images over a certain set of dimensions is it?

Then again I'm on 1920x1200 so it's rare that one wrecks the page.

 

[usedtobefast]

small would not do that justice.

 

[Ferminal]

Loads Fine

It's even more fun if you quote it.

 

[online-rider]

see how it comes thru on mine

EDIT: Thats fine on the default settings of my photobucket. I wouldnt know how to post a bigger one.

 

[The Hitch]

I totaly agree with the OP.

And lets get this thread onto the second page so
that it becomes readable again. (expect someone
to post another huge picture there)

 

[Anonymous]

I totaly agree with the OP.

And lets get this thread onto the second page so
that it becomes readable again. (expect someone
to post another huge picture there)

like this?

I do agree though, on normal threads it is bloody annoying when people dont resize pictures to a sensible level.

 

[Francois the Postman]

I totaly agree with the OP.

And lets get this thread onto the second page so
that it becomes readable again. (expect someone
to post another huge picture there)

Your 2nd page isn't mine Hitch. I've opted for 40 posts per page,
so I'll be stuck with this IMAX thread view for a while yet, regardless.
If I scroll any further too the right I will actually have crossed the Channel.

And for a second there, I even thought the reply box had packed in as well,
but that was simply hiding in the centre at a "tootsy" fixed width.

Since pictures have become the google-an-insult method of choice by some
- usually also those who don't bother scaling their insults - any Sky, Evans
or Cavendish threads usually ends up looking pretty much like this. And with
Cav threads coming in as baker's dozens these days, I just had one XL forum
view too many. I seriously hope it will be addressed.

The fix for most browser users is infuriatingly straightforward.

(Once upon a long time ago I would have included Lance in that list,
but he's dropped off the pro-cycling sub-forum's radar so quickly
that even Hog hasn't managed to reposition his guns quite yet).

 

[Anonymous]

Its a fairly straighforward picture to reduce images in the forum to about 600-800 wide.. most forums manage it perfectly easily.

 

[Francois the Postman]

Quick fix for Firefox users that reduces all oversized images (only) to something more suitable:

First, make sure your browser status bar is up (you can hide it again later).
0) [view > status bar] should be ticked. Click it if it isn't.

1) install the "Stylish" add-on: https://addons.mozilla.org/en-US/firefox/addon/2108/
2) reboot Firefox and surf back to this post.
3) click on the little faint in the bottom-right of the browser window.
4) select with mouse: write new style > for forum.cyclingnews.com >
5) give it a name (like "oversizepicsbegone")
6) put the following lines in the box, replacing what is there, starting with the first "@" and ending with the last "}". [you can alter the "max-width:600px;" to any width in pixels that suits you best - remember that it affects ALL images in the forum area if they go beyond this size - you can edit and delete the code later]
=======================================

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.cyclingnews.com") {
.page img {
max-width:600px;
}
}

======================================
7) press [save]
8) rejoice and enjoy


To disable/edit/unistall the override style sheet fix, just click on the -box again and
1) RIGHT-click on the name for this fix and select one of the 3 options. (it can take a bit before the page reloads/recalculates itself after you disabled it).

 

[tubularglue]

geez,

i hope the disgruntled posters were not set off by my timetrial pic......

so postman, just added your addon to firefox and trying to find the little (S)
which is not at the bottom right of me browzer..........?

i am a tool, let me configure this............................fudge

thankyou postman.............

 

[Francois the Postman]

geez,

i hope the disgruntled posters were not set off by my timetrial pic......

so postman, just added your addon to firefox and trying to find the little (S)
which is not at the bottom right of me browzer..........?

i am a tool, let me configure this............................fudge

Do you have the status bar visible?

[View > Status Bar] should be ticked. Then it's a white-ish square box with a faint "S", near the bottom right. It will go all tartan on you once you have an active script for a particular domain page.

 

[tubularglue]

got it

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.cyclingnews.com") {

}
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.cyclingnews.com") {
.page img {
max-width:1200px;
}
}


the red was generated when i chose write new style/for forum.cyclingnews.com
the green was your code
got confused for a second because of the two middle tags (i left black) which was dumped when choosing the forums address. thought to dump the code between those to, but dumped your code below and voila

thanks

the (S) didn't appear till i saved you code, it began as a white box. my bad

 

[ElChingon]

OK, bringing this back up.

I know other forums you can edit your posted photo link in-line, such as:


<img>http://2.bp.blogspot.com/-0MRvTx0hdiU/TnJAjxC7NTI/AAAAAAAABEg/VSZMl_xgi7E/s1600/BB30.jpg?w=600&h=480</img>

(changed the ['s for <'s so we could see the code as there also no code HTML button)

Anyway, you can set the size you want of big images you find on the internet. Then, there's also the Forum MAX Picture size setting, the Admin can set it to something reasonable like 1280x1024? I know the setting exists, can someone take a peek at it? Or attempt to add the code for the image resize?

Purty Please.

 

[ElChingon]

Found it!

Here you go Admin:

ref: https://www.vbulletin.com/forum/showthread.php/310304-Maximum-Image-Size

--------------------------------------

image library setup:

Admin CP -> vBulletin Options -> Image Settings

And your forum is set to resize images:

Admin CP -> vBulletin Options -> Message Attachment Options -> Resize Images

Then it will automatically resize uploaded images to conform to the maximum dimensions that are defined in your:

Admin CP -> Attachments -> Attachment Manager

Also, be mindful of this restriction in the includes/config.php file:

-----------------------------------------

Here's another cool one.

http://www.vbulletin.org/forum/showthread.php?t=118048

 

[BroDeal]

Found it!

Here you go Admin:

ref: https://www.vbulletin.com/forum/showthread.php/310304-Maximum-Image-Size

--------------------------------------

image library setup:

Admin CP -> vBulletin Options -> Image Settings

And your forum is set to resize images:

Admin CP -> vBulletin Options -> Message Attachment Options -> Resize Images

Then it will automatically resize uploaded images to conform to the maximum dimensions that are defined in your:

Admin CP -> Attachments -> Attachment Manager

Also, be mindful of this restriction in the includes/config.php file:

Most of the images are hotlinked. They are not uploaded.

It seems like better HTML/CSS could hide the right side of images that are large.

 

[krebs303]

got it

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.cyclingnews.com") {

}
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.cyclingnews.com") {
.page img {
max-width:1200px;
}
}


the red was generated when i chose write new style/for forum.cyclingnews.com
the green was your code
got confused for a second because of the two middle tags (i left black) which was dumped when choosing the forums address. thought to dump the code between those to, but dumped your code below and voila

thanks

the (S) didn't appear till i saved you code, it began as a white box. my bad

set mine at 800px wide
thanks works great

 

[gregod]

francois,

this page explains how to enable users to set image size in vbulletin.

 

[ElChingon]

francois,

this page explains how to enable users to set image size in vbulletin.

Only Daniel Benson can do that, the rest of the Admin's are lame duck admins or powerless, when it comes to how the site works. He must not really care about the image size issue, this thread is pretty much like posting in a cave or has been.

So big images will continue to overtake the site