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



.

[fxdigi-cash]

I'm just curious, is there a solution for the issue of not resizing when advanced reply is used??

The image shows up there with full size... any fix for that?

[fxdigi-cash]

I want to add an extra class to ncode_imageresizer_warning, how do I do that??

from the script!!!

[Seven Skins]

Originally Posted by fxdigi-cash

I'm just curious, is there a solution for the issue of not resizing when advanced reply is used??

The image shows up there with full size... any fix for that?

Need to refresh the page.

Originally Posted by fxdigi-cash

I want to add an extra class to ncode_imageresizer_warning, how do I do that??

from the script!!!

Edit ncode_imageresizer.js in clientscripts folder and add class near line 120.

[leclownos]

thank you, great mod!!

[Nirjonadda]

Originally Posted by Seven Skins

Need to refresh the page.

Please can you make its work via AJAX?

[fxdigi-cash]

Originally Posted by Seven Skins

Edit ncode_imageresizer.js in clientscripts folder and add class near line 120.

Thanks a lot. That what I thought actually, but didn't work for me... possibly because I'm using a Java script combiner to combine all js files. I guess there is a conflict with some other script...

Thanks again,

[fxdigi-cash]

Originally Posted by Seven Skins

Need to refresh the page.

Edit ncode_imageresizer.js in clientscripts folder and add class near line 120.

sorry, maybe I wasn't clear enough. I want to place the Class inside the <img> tag

how do I do that?

Thanks
Edit: Is it possible to replace also the tag src with data-original because I want to use Lazy load on that??

[Seven Skins]

You can add additonal class using jquery (I tried this couple of years back and it works). I have not tried data-original though.

[fxdigi-cash]

Originally Posted by Seven Skins

You can add additonal class using jquery (I tried this couple of years back and it works). I have not tried data-original though.

I just added a class through Jquery, but still don't know how to replace src with data-original... is there a part of the script or anywhere in the template to change the code from src to data-original??

I tried to use jquery to override the src replacement with data-original, but didn't work only for this mod. The other attachments work fine though...

any idea?

[S]Update: It is ok, I fount it in the plugin itself. Thanks.[/S]

Update 2: I tried many times and different ways, but not working... any idea??

[Seven Skins]

I haven't got downloadsII installed on my server so I cannot test it.
Make a plugin and see if you can preg_replace in downloadsII templates.

PS: This hack works with only external images, not with attachments.