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.

[yoyoyoyo]

Originally Posted by Sunsetdriver

It doesn't work when I edit/quote posts with huge images.

there's no reason it shouldn't - clear your web cache and try again. I just tried doing it and it works the same with edited posts as it does with freshly posted images. If you clear your web cache and are still having problems, then please PM me a URL of your site so I can take a look at what you are referring to.

You can see an example of a resized image in a quote HERE

[testebr]

Live demo?

[yoyoyoyo]

the mod takes a few seconds to install, and will not break your site - install it, then upload a large image to your forums. If you do not like it uninstall it.

HERE IS A DEMO LINK

[edenx]

Does this resize big signatures?

[yoyoyoyo]

yes, but only if the signatures contain images that are wider than the screen.

[Magnumutz]

People are still asking for a Demo guys...

[yoyoyoyo]

<a href="http://ftaonpc.com/forums/showthread.php?p=1#post1" target="_blank">HERE IS A DEMO LINK</a>

[Lionel]

I love the fact that image scales down if you make browser smaller.

[Magnumutz]

Pretty nice, but can't it be shown un-resized in a new window or something like that?

[yoyoyoyo]

Originally Posted by Magnumutz

Pretty nice, but can't it be shown un-resized in a new window or something like that?

read the first post