Show Thread Enhancements - Dynamic Picture Resize for [IMG] tag

If an image submited by a user (using the [IMG] bbcode tag) is to big, chances are that it will break your current vBulletin style. This hack will dynamically resize that image to acceptable dimensions, that you previously specified. It will do it for pictures inserted into postbit or user signature.

The code modifications listed below were tested into a clean installed vBulletin board. They work 100%.

Installation
In order to perform an efficient modification of your files, I recommend you to use Komodo Edit or Textpad.
Both editors will allow you to complete all steps without any coding errors.

You will need to make one small change for each of the following files:

? vbulletin_global.js (folder /clientscript)
? class_bbcode.php (folder /includes)

Make sure you modify, save and upload one file at the time to your server.
Then, simply run the product-dynamicpic.xml file.

Once the product installed, don't forget to enable it.
Go to your vBulletin Options, click on Dynamic Picture Resize setting group and set all your options.
If you encounter any problems, feel free to post in the support thread.

Learn how to open the image into a new tab/window.
But you should stop using the target tag, since it will be deprecated soon.
There is a reason why all browsers have now the Shift and CTRL options to open a new tab/window with the link you click on.

[ski diva]

Can this be installed on with 3.7 after you've upgraded?

[ski diva]

Attempting to install this, I've run into what's probably a simple problem. When I attempt to edit the file vbulletin_global.js, its entire content shows up in my text editor as one long line. I can "soft wrap" the text, but the line endings remain arbitrary.

This is preventing me from finding and replacing the necessary lines.

I'm on a Mac, using Komodo Edit and/or TextWrangler.
Thanks for any help.

[Taragon]

Installed

Originally Posted by Jpax

I get this errror The following dependencies were not met:
This product is not compatible with version 3.7.0 of vBulletin. (Compatible starting with 3.6.8 / Incompatible with 3.7.0 and greater)

In the product-dynamicpic.xml find:

		<dependency dependencytype="vbulletin" minversion="3.6.8" maxversion="3.7.0" />

and replace this with:

		<dependency dependencytype="vbulletin" minversion="3.7.0" maxversion="3.7.99" />

Originally Posted by ski diva

Attempting to install this, I've run into what's probably a simple problem. When I attempt to edit the file vbulletin_global.js, its entire content shows up in my text editor as one long line. I can "soft wrap" the text, but the line endings remain arbitrary.

This is preventing me from finding and replacing the necessary lines.

I'm on a Mac, using Komodo Edit and/or TextWrangler.
Thanks for any help.

Originally Posted by Lizard King

In compessed js search for

{this[C]=this[C+1]}this.length--;return A}}

Just add after

function resize_image(obj, link, maxwidth){if (obj.width > maxwidth){obj.style.cursor = 'pointer';obj.style.width = maxwidth + 'px';obj.style.height = parseInt(obj.height * maxwidth / obj.width) + 'px';obj.onclick = function(){window.location.href = link;return false;};}}

and you'are good to go

[ThreeD]

this does not seem to work with IE7 if you're running VB3.7 Can anyone else confirm this?

[Stefanus]

Originally Posted by ThreeD

this does not seem to work with IE7 if you're running VB3.7 Can anyone else confirm this?

Yep, working with IE7 on 3.7.2
" Rob of Zimbabwe "

[Taragon]

I'm receiving a css validation error

606  	 * html .resizeimage  	 Value Error : width  Lexical error at line 606, column 60. Encountered: "?" (63), after : ""  ? '800px' : 'auto');
606 	* html .resizeimage 	Value Error : width Parse error - Unrecognized }

Would this be fixable perhaps? (I'm using the compessed js)

[chrisbeau]

Originally Posted by TECK

About your request to open the link into a new tab/window:
Open vbulletin_global.js file (where you edited the code originally) and find:

window.location.href = link;

Replace it with:

window.open(link, '_blank');

You are done.

I did this but it still doesnt work. Any Ideas ???

[ApexSpeed]

Has anyone installed this on a 3.7.* board and had everything work properly?

[ski diva]

I'm using it with 3.7, no problem.

[Taragon]

Originally Posted by ski diva

I'm using it with 3.7, no problem.

Except from this that is. It should work fine though.

Originally Posted by Taragon

I'm receiving a css validation error

606  	 * html .resizeimage  	 Value Error : width  Lexical error at line 606, column 60. Encountered: "?" (63), after : ""  ? '800px' : 'auto');
606 	* html .resizeimage 	Value Error : width Parse error - Unrecognized }

Would this be fixable perhaps? (I'm using the compessed js)