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:

[Smoothie]

Originally Posted by Tralala

Lets just say, I tested on quite a few. What bug in particular are you talking about, the display of text in the yellow title bar?

There are 2 bugs. One is the missing text, the other is the large horizontal scroll bar when the page is loading, and when clicking to show smaller image. 50/50 when clicking to show smaller image the scroll goes away.

[Tralala]

Originally Posted by Smoothie

There are 2 bugs. One is the missing text, the other is the large horizontal scroll bar when the page is loading, and when clicking to show smaller image. 50/50 when clicking to show smaller image the scroll goes away.

Which version of Safari? I haven't seen that, so maybe that is fixed too.

[Spleasure]

Originally Posted by mini2

(Only) just realised this myself.

Would be very good to work around this as I like to be "valid".

Anyone worked out a sollution (or working on one)?

I didn't know that onload is no longer valid ... Doing an onload will have the negative side effect that you have to wait for all the images to load before the images are resized.

Smoothie: do you have a link to the page where that large scrollbar occurs?

[Smoothie]

Originally Posted by Tralala

Which version of Safari? I haven't seen that, so maybe that is fixed too.

I am using the latest version, with OS X (10.4.8)

[Smoothie]

Originally Posted by Spleasure

I didn't know that onload is no longer valid ... Doing an onload will have the negative side effect that you have to wait for all the images to load before the images are resized.

Smoothie: do you have a link to the page where that large scrollbar occurs?

Large scroll bars when the page loads? Or when you click to resize the image to the resized state?

[Spleasure]

Originally Posted by Smoothie

Large scroll bars when the page loads? Or when you click to resize the image to the resized state?

Both? I don't have a clear idea of what the problem is, so if you could explain this by giving a screenshot and perhaps the link to the thread I can investigate this.

[Smoothie]

ok, here's the link. Until page finishes loading, horizontal scroll bar, Safari 2.0.4.

Clicking on image to see original size, then clicking to see resized image leaves the scroll bar, but it does not happen 100% of the time.
http://www.sim-outhouse.com/sohforum...ad.php?t=33010

[Spleasure]

Originally Posted by Smoothie

ok, here's the link. Until page finishes loading, horizontal scroll bar, Safari 2.0.4.

Clicking on image to see original size, then clicking to see resized image leaves the scroll bar, but it does not happen 100% of the time.
http://www.sim-outhouse.com/sohforum...ad.php?t=33010

The horizontal scrollbar is logical: while the image is loading, it's not resized yet and it occupies the total width. Not mucht I can do about that. I don't know why the scrollbar doesn't disappear, but I think it's a browser issue.

[Tralala]

FWIW, I registered on that forum, checked the link, and refreshed the page about 10 times experimenting. The horizontal scroll bar was there while loading, but goes away when the page is done loading, just as the javascript has kicked in and shrunken the large image. The horizontal scroll bar appeared again when I clicked the yellow toolbar to expand the image, and disappeared when I toggled it back to small. In short, it worked exactly as it seems it should. I tried my damndest to recreate the behavior Smoothie is talking about, but could not.

I am using Safari 2.0.4 on a MacBook Pro. I also have Saft installed but I don't think that would have any effect on something like this.

[Smoothie]

I'm wondering if maybe it was a user error. I may have clicked 2 images to show full size and only clicked 1 to return back to resized state.....but I could have sworn it was on a page that only had 1 image. Dunno, but it seems to be working ok now.