Miscellaneous Hacks - Image Resizer Javascript

Image Resizer Javascript

With this simple javascript, if an image posted in your forum in a thread has a width that is larger then 80% of your browser resolution, it will be automagically resized. The image will also resize as you increase or decrease your browser size, so it is great for fluid styles. This javascript only affects images that are shown when viewing showthread.

NOTE: This is only a simple javascript to resize the image, there is no option to view the image at it's original size, etc., if you want to do that all you need to do is right-click on the image and choose "View Image." It does not do server side resizing of images, since everything is done client side. It also does not prevent long loading times, since the images have to be downloaded by the user before the script can resize them. If a user does not have javascript enabled then the image will not be resized - however if a person is browsing the internet, and do not have javascript enabled then an image that is too large will be the least of their worries.

This should work with all versions of vbulletin

Unlike other image resizing mods, this mod only requires one simple template edit, and no additional files , plugins, database changes or file edits.

DEMO LINK: CLICK HERE

Screenshots:
Imagine a picture that is too large, now imagine it smaller.

Installation:
If you have TMS (Template Modification System) installed, then download the templateedits-resizeimage.xml and upload it via TMS, and it will automatically edit the template.

If you do not have TMS installed, then download the image_resizer.txt file and follow the directions.

If you find this useful, please click install.
If you REALLY like it then please nominate it as Mod of the Month.

[agitated]

IE Tools/Internet Options/Security/Custom Level button/Settings/Scripting/
Ensure the "Active Scripting" radio button selected.

"Active Scripting" Enabled. Makes no diffrence in IE7.

[yoyoyoyo]

hmm - I guess I have been testing it in IE6, and not IE7 - strange that they would break functionality of a javascript function from one version to the next, but then again it is microshaft

[agitated]

Pass the buck !!
Why not attempt to fix your code, which is what I would have expected.
Internet Explorer is still the most popular browser.
From a Webmasters point of view, code must be compatible with Firefox and Internet Explorer. Otherwise you risk loosing visitors and members.

[yoyoyoyo]

Originally Posted by agitated

Pass the buck !!
Why not attempt to fix your code, which is what I would have expected.
Internet Explorer is still the most popular browser.
From a Webmasters point of view, code must be compatible with Firefox and Internet Explorer. Otherwise you risk loosing visitors and members.

who says I am not attempting to fix it to be compatible with IE7? That is your assumption, which is not based on any concrete facts or statements on my part.

[FaNtAzY]

Thanks for that script it works really fine

[centurius]

Hi, don't know if this is something I'm doing wrong, but here's my problem:

The image resizes fine but the forum is still stretching as if the image was still it's original size. Only seems an issue in IE 6 (tested and works brilliantly in firefox).

Any ideas?

ADDED: Just tested in IE 7 and it's doing the same thing.

[Powerofdreams]

Works fine in Firefox but There is a problem with IE7

[Support]

demo not workin

[rapidphim]

will there be anyway to make this beautiful image resize javascript work on cmps when pulling the img tag from thread?

[justchil]

Works great in FF 2.0.0.12

IE7 7.0.6000.16609 (all default options) is not working and another couple users are using IE6 and it's not working.

Perhaps there is an addition plugin or function that could be added to make it work for everything? It's a great plugin!