Large images/side-scrolling prevention?

  • Thread starter Thread starter Jedi2016
  • 20 comments
  • 823 views
Messages
4,161
I'm sure I'm not the only one that's annoyed by this.. When someone posts a huge image in a thread and everyone's forced to side-scroll for the rest of the page.

I'm sure I'm not the only one who has their settings at 100 posts per page. So when this happens, it generally keeps happening for quite a while. Just last week I thought I was finally free of the dreaded side-scrolling when the thread finally went to page two. Then, naturally, someone Quotes the original huge image, so now I have to side-scroll on page two! Until it goes to page three, at which point someone else will probably post another huge image.

This will only get worse as time goes on, what with the new consoles all using HD graphics.. any screenshots we get will be at least 1280 pixels across.

So, there's two things I can think of:

1) The more drastic measure, would be to insert some sort of code that prevents large images from being used. An "auto-thumbnail" maker or something, or just a message saying "Hey there, git, use a smaller image".

2) There's a patch/hack out there for vBulletin that will solve this problem. I frequent another forum that also uses vB 3.0.7, the same version used here. There, when someone posts a large image, only THAT post is wider than the screen. ALL of the other posts in the thread are still "fit" to my screen size (which is 1024x768, incidentally). This is exceptionally handy, since I don't have to side-scroll, unless I want to see the rest of the actual image. The other ninety-nine posts on the page are perfectly visible without having to do anything. Which means no annoyance factor! :)

I don't know if that patch is something you're aware of, Jordan.. if you like, I can ask the Admin at SFM where he got it, or whether he could send it to me, or how else it may have been done, or whatever.
 
It's doesn't really bother me to have to scroll a little. To me it's just not that big of a deal as it takes almost no effort at all. What gets me is people who quote numerous pictures.
 
I'm with you, Jedi, I can't stand reading a thread where I have to side scroll to read every single person's message because of those big pictures. It'd be awesome if it could be changed so only that one post was big
 
I agree with Jedi2016. A few months ago with my old computer I used to scroll right across the screen to reach the reply button. It doesn't effect me that much now because I have a 1920x1200 screen. Still, I do get it occationaly.
 
Yeah, I agree. An autothumbnail feature or something of the like would be a great addition here.
 
ExigeExcel
Why don't we just insure everyone uses thumbnails like they should?
Because a lot of people link to images hosted elsewhere, and they don't all use the ImageShack thumbnail feature.

This isn't something I can take care of, but I'm sure Jordan will consider the issue. I agree it's annoying.
 
Duke
Because a lot of people link to images hosted elsewhere, and they don't all use the ImageShack thumbnail feature.

This isn't something I can take care of, but I'm sure Jordan will consider the issue. I agree it's annoying.
I think there should be a limit on how wide a linked image can be, because it does annoy me like in the psc comps, but i do like full images it saves me the trouble of clicking thumbnails to see a pic.
 
Which is why that patch or setting would work wonders... it allows the pic to be shown full-size, without having to side-scroll to read the rest of the thread.
 
It wouldn't be a bad feature but most of those resizing things distort the picture so bad.

I know nothing about Javascript but this appears to be the code that Imageshack uses.
Code:
<script type="text/javascript">
	var actualWidth = 1280;
	
	function scaleImg() {
		if (actualWidth<tableWidth())
			return;
	
		what = document.getElementById('thepic');
		
		if (what.width==tableWidth())
			what.width=actualWidth;
		else {
			what.style.cursor = "pointer";
			what.width=tableWidth();
		}
	}
	
	function liveResize() {
		if (actualWidth<tableWidth())
			return;
		
		what = document.getElementById('thepic');
		
		if (what.width!=actualWidth)
			what.width=tableWidth();
	}
	
	function setImgWidth() {
		if (actualWidth<tableWidth())
			return;
	
		document.getElementById('thepic').width=tableWidth();
	}
	
	function tableWidth() {
		return windowWidth()-100;
	}

	function windowWidth() {
		if (navigator.appName=="Netscape")
			return window.innerWidth;
			return document.body.offsetWidth;

	}
	
	onresize=liveResize;
</script>
Note that I copied the source from a page with a 1280*960 picture.
 
Sidescrolling doesn't bother me, my monitor is large enough to deal with most pics. What bothers me at the moment is that I'm on 56k and any large pic makes the page soooo slow to load, but anyways I'll be back at college shortly and no more problems.
 
That code won't work here, Slick6, but I have also been irritated by this problem. If you could provide me with more details on that modification, Jedi, I would be happy to look into it. I don't think it would work with our current site design/layout, but that will be changing soon and the modification should not run into any problems.
 
Oh, also, I think it'd be nice if somehow vB would convert quoted images into URLs to save vertical space – I don't have issues with side-scrolling anymore (1680x1050 monitor :D), but scrolling past a large image is like scrolling past a large sig. Assuming it's quoted in context, usually just having the URL is fine.

For example, Person A posts this:

Blah blah blah happy days here's an image…

attachment.php


Person B quotes it:

Person A
 
Jordan
That code won't work here, Slick6, but I have also been irritated by this problem. If you could provide me with more details on that modification, Jedi, I would be happy to look into it. I don't think it would work with our current site design/layout, but that will be changing soon and the modification should not run into any problems.
A bit off topic but, when is GTP7 ready? :)
 
Sage
Oh, also, I think it'd be nice if somehow vB would convert quoted images into URLs to save vertical space – I don't have issues with side-scrolling anymore (1680x1050 monitor :D), but scrolling past a large image is like scrolling past a large PM. Assuming it's quoted in context, usually just having the URL is fine.

For example, Person A posts this:

Blah blah blah happy days here's an image…

attachment.php


Person B quotes it:
One of my all-time most wanted features. unbelievabley, I can't rally any type of support for this feature in the development community and I can't figure out how to do it myself. :(

G.T., I'm going to try and have GTP7 without within the next 2-3 weeks.
 
Wow, I'm surprised nobody within the dev community wants it! Seems like since you're a paying customer, they'd be a little more generous about that – within the WordPress community (WP being free, BTW), if you ask for something, someone usually has a plugin developed within a week. I guess it helps that it's open-source and relatively small (compared to vB, anyway ;)).
 
Like G.T - a bit off topic:

Jordan, will GTP7 include a post counter like GTP lite at the moment? I find that very handy to keep tabs on my post count etc.
 
No, sorry Sharky, it won't include that. Don't forget that you can (and will be able to in GTP7) see your post count in both styles by viewing your own public profile, which is accessable by clicking on your username.
 
Jordan
One of my all-time most wanted features. unbelievabley, I can't rally any type of support for this feature in the development community and I can't figure out how to do it myself. :(
It sounds to me that (keep in mind I have no vB experience) you could just code it so that if it recognizes an opening quote tag all following img tags are converted to url tags until the closing quote tag.

But then again, if it were that simple, we'd probably already have that feature ...
 
Back