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]

HERE IS A DEMO LINK

PLEASE NOTE: the XML included in the first post is NOT a product! It is a TMS file, for use with the Template Modification System.

If you do not have TMS installed, then you will need to do the template edit manually (which is not really a big deal - it is only one very simple template edit).

If you do have TMS installed, then it is even easier! Simply go to the "Template-Modifications Manager" and click on [Up-/Download Template-Modifications] and then browse to the XML on your hard drive, and set "Allow Overwrite" to "Yes" and click on the "Import" button. If you are not using vb 3.6.8 then set the "Ignore File Version" to "Yes."

[Allan]

No demo ?

[Lionel]

nice one yoyo

[Karline]

Thank you yoyoyoyo

Installed & Nominated for MotM :up:

[yoyoyoyo]

Thanks for the installs and for the nominations

HERE IS A DEMO LINK

If anyone else wants to post a demo link I will add it to the first post.

[youradhere4222]

It says "Invalid File Specified" when uploading the XML.

[yoyoyoyo]

Originally Posted by youradhere4222

It says "Invalid File Specified" when uploading the XML.

are you uploading the xml via TMS? it is not a product - it can only be used with TMS, otherwise you will need to do the edit manually (which is no big deal - it is very simple). If you are using TMS, then re-download it, because I just tried again and it works fine.

[projectego]

[high]* projectego clicks install [/high]

[Sunsetdriver]

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