Show Thread Enhancements - Image resizer

This mod is not supported anymore by Spleasure/nCode, please look at these threads:
Image Resizer
The Image Resizer. Powered with Lytebox / Highslide / Lightview / and many more!
Probably many more. Have one to put here? Contact me using the PM feature.




NCODE IMAGE RESIZER FOR VBULLETIN 3.6.0
version: 1.0.1

I. What does it do
This plugin enables you to automatically resize every user-posted image which is larger than given dimensions. Users can choose the maximum dimensions and the resize method to use.
The resize methods are:
- No resizing
- Enlargement in the same document
- Enlargement in the same window (replacing the forum thread document)
- Enlargement in a new window

It also adds an information bar (which is not displayed when the image is too small) giving information about the original dimensions and filesize. Filesize is only supported on Internet Explorer, other browsers don't reveal this information through javascript.

II. What does it not do
- It does not do server side resizing of images. Everything is done clientside
- It does not prevent long loading times. The images have to be downloaded completely by the client before the script can resize them.

III. Installation / Upgrade
1. Upload "ncode_imageresizer.js" to the clientscript directory in your vBulletin installation.
2. Import "product-ncode_imageresizer.xml" in your vBulletin forum. Enter your AdminCP and go to Plugins & Products -> Manage Products. Click on [Add/Import Product] and refer to the XML file.
The installation script will detect which database modifications have to be performed and will display the query that is going to perform these modifications.
If something fails, execute that query yourself.
3. The file "vbulletin-language-nl.xml" can be used to import dutch versions of the used phrases. Import it in your language manager and overwrite the installed language "Nederlands". It will not remove any phrases, just add new ones.

The installation adds a couple of settings, phrases, templates and plugins, all of which are easily recognizable. It also adds the fields `ncode_imageresizer_mode`, `ncode_imageresizer_maxwidth` and `ncode_imageresizer_maxheight` to your `user` table, in which the resizesettings are saved. These fields are removed when the plugin is removed.

IV. Configuration
Administrators can change the maximum dimensions and resize mode in the options window. These values will be the default for users without a setting of their own and anonymous users.
The installation script creates a new option group called "nCode Image Resizer Options" in which you can enter these values.
As said in section I, users can edit their preference in their User Control Panel at the Options page in the "Thread Display Options" section. The administrator can however limit the options the user can set. The administrator can choose between letting the user change all options, no options at all, only the resize mode, or all options except that the maximum dimensions can't exceed the default dimensions.

V. Version history
1.0.1 (May 6th, 2007)
- fixed javascript file version
- fixed vBAdvanced compatibility problem

1.0 (April 24th 2007, 2007)
- added code to make phrases javascript safe, multiline phrases and phrases with accents
should work now.
- added compatibility with vBAdvanced
- improved installation procedure

1.0 release candidate 4 (February 21th, 2007)
- improved speed for posts with many small images
- work around for text display problem in Safari
- Improved installer
- Improved user control panel options: added information about default settings and option to explicitly use the default resize mode.
- Added option to disable the system
- Added option to reset all user specific settings

1.0 release candidate 3 (February 4th, 2007)
- added warning on installation when javascript is not present.
- removed redundant plugins
- small bugfixes
- signature resizing is optional. turn resizing of hotlinked images on or off in the control panel
- improvements in javascript code
- changed hook method so all bbcode class users get resize functionality automatically

1.0 release candidate 2 (October 3rd, 2006)
- images weren't correctly resized when both height and width restrictions were in effect.
- added robustness for IE flaws, not perfect yet
- images in post previews get resized as well

1.0 release candidate 1 (Juli 16th, 2006)
- bug preventing proper uninstallation fixed

1.0 beta 3 (June 23th, 2006)
- Bugfixes
- Now resizes signaturepictures too
- Administrators can limit the user-settable options

1.0 beta 2 (June 20th, 2006)
- Made maximum width and height userspecific and editable

1.0 beta 1 (June 8th, 2006)
- First public release

VI. Incompatibilities
Incompatibilities have been reported with:
"Transparency PNG pictures with Internet Explorer 6 (server-side solution)"
(https://vborg.vbsupport.ru/showthread.php?t=93415)

VI. Copyright
please keep in mind that:
THIS IS NOT FREE SOFTWARE

You are allowed to install this in your forum, and you are allowed to make suggestions for improvements. It is not allowed to redistribute the files in any other way than as a zipfile with the XML and this readme in original state.

(c) 2005 - 2007 nCode - www.ncode.nl - info@ncode.nl

Support site:
http://www.ncode.nl/vbulletinplugins/

Like it? Please donate
You can donate by PayPal: USD or EUR
Alternatively, you can donate using MoneyBookers to account jorrit[at]ncode.nl.

Thanks to Xboxworld.nl, rage3d.com, insomnia.gr, myxbox.gr and Distance for testing this mod

Previews:

[wacodep]

Nevermind ... I see ... the resized image was too small ...

[wacodep]

I would like to send a few bucks, but your PayPal link goes to the a non-English/non-US display. I don't have any Euros to send you, and can't read it anyways ...

Can I just PayPal some $US from the US PayPal to jorrit [at] ncode [dot] nl ??

[Smoothie]

Just checked a site that was running this mod and the text is not viewable when browsing with safari. Any chance of getting that fixed?

[ReQueM]

thank u
*installed*

[Eagle Creek]

Problem!

http://www.nucia.nl/forum/showthread.php?p=222209 (post #4 and #10)

As u can see, the picture isn't resize properly. It looks like the resize to keep the height-width-ratio. Can somebody confirm this?
That shouldn't happen because I gave up a MAXIMUM height and WIDTH in my ACP. So it shouldn't be wider then X, even if that means the picture isn't shown "nice" anymore.

EDIT:
I fixed it jusing this code in the JS file:

NcodeImageResizer.prototype.scale = function() {
	var cs = 0;
	cs += NcodeImageResizer.MAXWIDTH  > 0 && this.originalWidth  > NcodeImageResizer.MAXWIDTH  ? 1 : 0;
	cs += NcodeImageResizer.MAXHEIGHT > 0 && this.originalHeight > NcodeImageResizer.MAXHEIGHT ? 2 : 0;
	if (cs == 3) cs -= this.originalWidth / NcodeImageResizer.MAXWIDTH > this.originalHeight / NcodeImageResizer.MAXHEIGHT ? 2 : 1;
	switch (cs) {
      	case 1:
			resized = true;
			this.img.width = NcodeImageResizer.MAXWIDTH;
			this.img.height = (NcodeImageResizer.MAXWIDTH / this.originalWidth) * this.originalHeight;
			break;
		case 2:
			resized = true;
			this.img.height = NcodeImageResizer.MAXHEIGHT;
			this.img.width = (NcodeImageResizer.MAXHEIGHT / this.originalHeight) * this.originalWidth;
			break;
		}



	this.warning.width = this.img.width;
	this.warning.onclick = function() { return this.resize.unScale(); }

[Spleasure]

Originally Posted by Eagle Creek

Dude.. You are making it so confusing with all those seperate files and then the zip file.. I just want to make in in Dutch, what should I do. Where could I upload the seperate Dutch file? Or the zip Dutch file? Why is there a size difference??

The -nl file contains just phrases, it should be imported separately in the language manager.

Originally Posted by wacodep

I would like to send a few bucks, but your PayPal link goes to the a non-English/non-US display. I don't have any Euros to send you, and can't read it anyways ...

Can I just PayPal some $US from the US PayPal to jorrit [at] ncode [dot] nl ??

Yes you can, and I have updated the paypal links. Thanks by the way I really appreciate it

[Tralala]

Originally Posted by Spleasure

The lightbox effect is something I consider for a future version.

Spleasure, another coder by the name of mini2 (who uses this ncode image resizer, BTW) has the best lightbox effect for vBulletin, called highslide. It works really nicely for attachments.

mini2 has posted that he's trying to make it work with the [img] tag... and I thought your two scripts might be a marriage made in vb modding heaven.

Just throwing out the idea and good karma.

Paypal donation is also on the way.

[Spleasure]

Originally Posted by Tralala

Spleasure, another coder by the name of mini2 (who uses this ncode image resizer, BTW) has the best lightbox effect for vBulletin, called highslide. It works really nicely for attachments.

mini2 has posted that he's trying to make it work with the [img] tag... and I thought your two scripts might be a marriage made in vb modding heaven.

Just throwing out the idea and good karma.

Paypal donation is also on the way.

I like the effects definitely I don't like the fact that for his mod you have to do all kinds of edits yourself, I like to make everything as easy as possible for users. I will have a look into integrating highslide after 1.0. I want to have 1.0 finished soon with the current features and as stable as possible.

[fly]

Originally Posted by Spleasure

I like the effects definitely I don't like the fact that for his mod you have to do all kinds of edits yourself, I like to make everything as easy as possible for users. I will have a look into integrating highslide after 1.0. I want to have 1.0 finished soon with the current features and as stable as possible.

Did you happen to see my message regarding the 'bug' with IE?

[Spleasure]

Originally Posted by flypaper

Did you happen to see my message regarding the 'bug' with IE?

yes, and the slowdowns at posts with many small images which do not have to be resized anyway is gone in the upcoming version.

Originally Posted by mini2

The only file edits you have to do yourself are if you want extra functions. Sadly hooks are not in the right places for some things such as altering pre-defined bbcodes.

You also have to customise the highslide files to match your own URLs, no more difficult than setting your preferences in the admin control panel.

The template mods could maybe be packaged up as a product though, I'm not generally a mod releaser, I just thought the highslide thing worked well and seemed to fill a demand.

I'm not sure how highslide would help this mod really, as it's just a resizer, maybe if you shrank every attached image above the limits down to a thumbnail with a highslide zoom code that could work, but the thing I like about this image resizer is it's very simple in the way it works. Does what it should with little fuss.

Regarding rewriting predefined tags: I rewrote the img tag, and that's quite possible. I'm still thinking how this should be done.