Miscellaneous Hacks - Image Resizer - Using nCode Script

Image resizer using nCode script

This hack resizes external images (not attachments) in cms, blogs, posts, new thread preview, signatures, private messages, visitor messages and vBadvanced CMPS.

You have the option to:
Disable the hack.
Choose the resize mode.
Default Maximum width.
Enable and disable cms resize option.
Enable and disable postbit resize option.
Enable and disable signature resize option.
Enable and disable blogs resize option.
Enable and disable private messages resize option.
Enable and disable visitor messages resize option.
Enable and disable vBadvanced CMPS resize option.


This hack has been tested:
- Using IE, FF, Chrome and Opera using default skin.

Installation:
- Upload the contents of upload folder to the root of your forum.
- Import the XML file via Plugins & Products > Manage Products > Add/Import Products.
- If you want to use "Enlarge in the same window" option you must edit "Image Medium Max" stylevar for the style you are using. Set this stylevar to high number e.g. 2000px or more if needed.

Upgrade:
- Upload the contents of upload folder to the root of your forum overwriting the existing file.
- Remove old product from AdminCP produact Manager.
- Import the XML file via Plugins & Products > Manage Products > Add/Import Products.

PS. This hack adds one link in the footer to SevenSkins website.


_________________________________ _________________________________

Please:
Nominate this modification for the MOTM.
Support me by donating ... click the link on the right. (Support Developer)
Remember to click Mark as Installed if you use this hack.
_________________________________ _________________________________


03 Sep 2012
Version 1.6
-Added functionality: Resizing of the images in vBadvanced CMPS.

Total Installs to date: 1248
Total Downloads to date: 7068


31 July 2011
Version 1.5


29 Jun 2011
Version: 1.4

-Fixed to work with vBulletin 4.1.4
-remove yellow bar as it was causing issue with vBulletin 4.1.4.
-Added functionality: Resizing of the images in CMS comments.
-Added functionality: Resizing of the images in BLOG comments.


21 Dec 2010
Version: 1.3

Thanks to ZexTasy for cms plugin code.

Added these option:
-Enable and disable cms resize option.
-Enable and disable postbit resize option.
-Enable and disable signature resize option.
-Enable and disable blogs resize option.
-Enable and disable private messages resize option.
-Enable and disable visitor messages resize option.


25 June 2010
Version: 1.2.0
Fixed to work with vBulletin 404.

06 March 2010
Version: 1.0.0 Released



.

[graham_w]

Originally Posted by pant

As posted by Graham, you can turn this mod off now and instead use your stylevar to modify the pictures by default.

AdminCP > styles & templates > style manager > stylevars

postbit_content_max_image_width

I personally don't like the inbuilt vbulletin option.

It doesn't allow you to specify a max height, also you cannot click to see the full image.

Give me this mod over the vbulletin option anytime.

Originally Posted by KURTZ

just checked... this doesn't works for the blogs ...

No it doesn't. Maybe need to remove the reference to the new vbulletin option in the css which may restore functionality to this mod ? I will have a play a bit later.

[graham_w]

Scrap that - I removed some code from the postbit.css and the mod now works on the blogs but not in posts ... still looking for a solution.

[graham_w]

Well I have to leave for the afternoon, but I have so far found that removing the following code from postbit.css will stop the inbuilt vbulletin resizer from working, and allows this mod to work again - but it only appears to work in the blogs and not in the posts. I'm using postbit legacy, but perhaps someone can confirm it doesn't work in postbit also ? There must be something i'm missing - anyone have any ideas?

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
	_width: expression(document.body.clientWidth > {vb:stylevar postbit_content_max_image_width.Size}? "{vb:stylevar postbit_content_max_image_width}": "auto" );
}

[snakedevil]

Originally Posted by robbiefritz

Just upgraded to 4.04. Resizing stopped working. Could you look into this please? Really like this hack! Thanks.

Similar problem on 4.0.4

[sticky]

Originally Posted by graham_w

Well I have to leave for the afternoon, but I have so far found that removing the following code from postbit.css will stop the inbuilt vbulletin resizer from working, and allows this mod to work again - but it only appears to work in the blogs and not in the posts. I'm using postbit legacy, but perhaps someone can confirm it doesn't work in postbit also ? There must be something i'm missing - anyone have any ideas?

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
	_width: expression(document.body.clientWidth > {vb:stylevar postbit_content_max_image_width.Size}? "{vb:stylevar postbit_content_max_image_width}": "auto" );
}

There is a built in resizer now?

[graham_w]

Yep - controlled by Stylevars

postbit_content_max_image_width

But it doesnt resize blog, only post images.

[Alex@Mk3OC]

Fixed this in 4.0.4

I removed the following code from postbit.css:

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
	_width: expression(document.body.clientWidth > {vb:stylevar postbit_content_max_image_width.Size}? "{vb:stylevar postbit_content_max_image_width}": "auto" );
}

The re-installed the product xml file and it works again

[graham_w]

Originally Posted by Alex@Mk3OC

Fixed this in 4.0.4

I removed the following code from postbit.css:

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
	_width: expression(document.body.clientWidth > {vb:stylevar postbit_content_max_image_width.Size}? "{vb:stylevar postbit_content_max_image_width}": "auto" );
}

The re-installed the product xml file and it works again

EDIT - tried it and it didn't work for me.

[Zombo]

Originally Posted by Alex@Mk3OC

Fixed this in 4.0.4

I removed the following code from postbit.css:

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar postbit_content_max_image_width};
	_width: expression(document.body.clientWidth > {vb:stylevar postbit_content_max_image_width.Size}? "{vb:stylevar postbit_content_max_image_width}": "auto" );
}

The re-installed the product xml file and it works again

I reinstalled and it still doesnt work

[Seven Skins]

I am working on this and you can see the live demo @ http://www.celebfungfx.com/ and brower through Picture Gallery.

Once I fix few more things I will release it soon.