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



.

[Seven Skins]

For some reason vBulletin added P tags around the images and this P tag is causing issue with this hack. For now keep your images aligned to left while I try to fix this, if I can.

[Sworm]

I hope that you'll able to solve this issue.... this is the best resize for vb 4

[Josjua]

Originally Posted by haidm

I have the problem when centered the images in 4.1.4 (see the attach), how can I fix this?

I have the same problem, fix please! thanks!

[morgano]

If you could show me how to call the Java part and tell it to align: left, center or right I'll be able to code the PHP part to find out if the image is encased in a P tag and to what alignment it's justified and then call the appropriate Java.

[BUDIMAN]

Originally Posted by haidm

I have the problem when centered the images in 4.1.4 (see the attach), how can I fix this?

me too..waiting for update

[Seven Skins]

Update coming soon, Just need to optimize the code and then I will release it, may be tomorow.

[morgano]

Thanks, waiting eagerly as this is a real pain for the look of the site

[Sworm]

Is it ready? We have need of this great hack

[Seven Skins]

This has been updated.

[AusPhotography]

Can I suggest a fix to the .js file...

Added

	if(NcodeImageResizer.MAXWIDTH > 0 && this.img.width > NcodeImageResizer.MAXWIDTH) {
		this.img.height = (NcodeImageResizer.MAXWIDTH / this.img.width) * this.img.height;
		this.img.width = NcodeImageResizer.MAXWIDTH;
	} // keep proportions if both options set

Giving....

NcodeImageResizer.prototype.scale = function() {
	this.img.height = this.originalHeight;
	this.img.width = this.originalWidth;
	
	if(NcodeImageResizer.MAXWIDTH > 0 && this.img.width > NcodeImageResizer.MAXWIDTH) {
		this.img.height = (NcodeImageResizer.MAXWIDTH / this.img.width) * this.img.height;
		this.img.width = NcodeImageResizer.MAXWIDTH;
	}
	
	if(NcodeImageResizer.MAXHEIGHT > 0 && this.img.height > NcodeImageResizer.MAXHEIGHT) {
		this.img.width = (NcodeImageResizer.MAXHEIGHT / this.img.height) * this.img.width;
		this.img.height = NcodeImageResizer.MAXHEIGHT;
	}
	if(NcodeImageResizer.MAXWIDTH > 0 && this.img.width > NcodeImageResizer.MAXWIDTH) {
		this.img.height = (NcodeImageResizer.MAXWIDTH / this.img.width) * this.img.height;
		this.img.width = NcodeImageResizer.MAXWIDTH;
	} // keep proportions if both options set
	
	this.warning.width = this.img.width;
	this.warning.onclick = function() { return this.resize.unScale(); }
	
	if(this.img.width < 400) {
		this.setText(vbphrase['ncode_imageresizer_warning_small']);
	} else if(this.img.fileSize && this.img.fileSize > 0) {
		this.setText(vbphrase['ncode_imageresizer_warning_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight).replace('%3$s', Math.round(this.img.fileSize/1024)));
	} else {
		this.setText(vbphrase['ncode_imageresizer_warning_no_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight));
	}
	
	return false;
}