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:

[funkmeister]

Have this installed on 3.6.5 and it works perfectly - thanks.

Although I do have one question - how can I remove the "alt" text of "onload" appearing in those images that are within the width dimensions - so for example I have 800 set as max. width and any image below that such as 640 is getting the "alt" text specified as "onload". How to make it just blank?

Here is an example html source - the code looks like it should make it blank, but for some reason it's inserting "onload" for the "alt" text.

<img src="http://www.mydomain/images/image1.jpg" border="0" alt="" onload="NcodeImageResizer.createOn(this);" />

See also attached example screenshot.

Any ideas? Thanks in advance.

[gg_luna128]

Firebug extension for Firefox gaves me a JavaScript error, you might want to check that.

[tehPARADOX]

Just wanted to say thanks, been using this for awhile. Hoping support for image resize on vBadvance portal come soon.

[DJ XtAzY]

Originally Posted by andrewkhunn

Here's how we managed to get it working with vbadvanced. Open up modules\news.php. On or around line 214, you should see this block of code:

// Parse bb code if necessary
if ($news['pagetext_html'])
{
	$news['message'] = $news['pagetext_html'];
}
else
{
	$news['message'] = $bbcode_parser->do_parse($news['pagetext'], $mod_options['portal_news_enablehtml'], $news['allowsmilie'], $mod_options['portal_news_enablevbcode'], $mod_options['portal_news_enablevbimage']);
}

Replace this chunk of code with:

// Parse bb code if necessary
if ($news['pagetext_html'])
{
	$news['message'] = $news['pagetext_html'];
}
else
{
	$news['message'] = $bbcode_parser->do_parse($news['pagetext'], $mod_options['portal_news_enablehtml'], $news['allowsmilie'], $mod_options['portal_news_enablevbcode'], $mod_options['portal_news_enablevbimage']);
	$news['message'] = preg_replace('/<img src="([^"]*)" border="0" alt="" \/>/', '<img src="\\1" border="0" alt="" onload="NcodeImageResizer.createOn(this);" />', $news['message']);
}

Basically, after it's all been parsed, you just run the same preg_replace that this module runs on regular posts. It's pretty straightforward.

That's how u make it vbadvanced compatible guys.. Works on my vbadvanced

[Amenadiel]

I don't know if this would be the right place to ask for it, but since ncode has proven proficient with image handling on the fly, I will.

How difficult would it be to implement a restriction which disables or strips out image tags when quoting a message?

It's annoying when an user posts 10 large images and then the next one quotes the entire message just to add a one line comment.

[gg_luna128]

Before I forget again, this plugin does not validate XHTML 1.0 Transitional. That's another thing that should be fixed.

[Tralala]

Originally Posted by Amenadiel

I don't know if this would be the right place to ask for it, but since ncode has proven proficient with image handling on the fly, I will.

How difficult would it be to implement a restriction which disables or strips out image tags when quoting a message?

It's annoying when an user posts 10 large images and then the next one quotes the entire message just to add a one line comment.

Here's a hack that converts quoted IMG tags to URL tags instead:
https://vborg.vbsupport.ru/showthread.php?t=107022

It's even user-configurable with a UserCP pref.

[testebr]

Originally Posted by testebr

when will you correct the mistake with the accentuated characters?

And can you load the .js file only in topic pages in next version?

please dont ignore me

[Spleasure]

I have finally released version 1.0 of the Image Resizer.
Changes are:
- added code to make phrases javascript safe, multiline phrases and phrases with accents
should work now.
- added compatibility with vBAdvanced
- improved installation procedure

I hope it works well for you.

Jorrit

PS: Donations are welcome: paypal / moneybookers: jorrit@ncode.nl

[Mrdby]

so download all the files again?