vBulletin Mods

----------------------------------------
THE IMAGE RESIZER for vBulletin 3.7 v1.2.8
Powered with:
Lytebox / Highslide / Lightview / Slimbox / Thickbox
Floatbox / Shadowbox / Greybox / Roebox / AwesomeBox
LightWindow

based on nCode Image Resizer for vb3.6.x
----------------------------------------



What does it do
----------------------------------------
This plugin enables you to automatically resize every user-posted external
image, posted in threads, vb's blogs or even vb's albums (and group's pictures),
and in signatures (optional), which is larger than given dimensions.
Also, give (optional in admincp) options to the users, to set their own preferences
for resizing.

The Image Resizer acts in:
- External images embed in posts.
- Attachs images embed in posts.
- External images embed in blogs.
- Images in Albums / Group's pictures (optional).
- Signatures (optional) with a different width/height setting.

And 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
- Enlargement using Lytebox
- Enlargement using Highslide
- Enlargement using Lightview
- Enlargement using Slimbox
- Enlargement using Thickbox
- Enlargement using Floatbox
- Enlargement using Shadowbox
- Enlargement using Greybox
- Enlargement using Roebox
- Enlargement using AwesomeBox

It also adds an information bar when not using Lytebox/Highslide/etc (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.

See the AdminCP Screenshot below.


Installation / Upgrade
----------------------------------------
1. Upload the contents of the "clientscript" folder to your vBulletin's clientscript folder.
You will have:
forums/clientscript/ncode_imageresizer.js
forums/clientscript/tcattd_imageresizer.js
forums/clientscript/lytebox/*.*
forums/clientscript/highslide/*.*
forums/clientscript/lightview/*.*
forums/clientscript/slimbox/*.*
forums/clientscript/thickbox/*.*
forums/clientscript/floatbox/*.*
forums/clientscript/shadowbox/*.*
forums/clientscript/greybox/*.*
forums/clientscript/roebox/*.*
forums/clientscript/lightwindow/*.*
forums/clientscript/awesomebox/*.*

2. Import "product-tcattd_extimageresizer.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.
Allow Overwrite -> Yes.

3. You're done.

* Upgrading.
If you're using old (but great!) nCode Image Resizer for vb3.6.x or Jase2 port
for vb3.7 (the reason for keep this update; is a great mod, even Jase2 port is cool)
then you need to uninstall your old version first from your vBulletin's
Product Manager.
Then, perform an installation from the beginning... and configure it
in your AdminCP ;)

Version history (changelog)
----------------------------------------
v1.2.8 (August 27th, 2008)
- Updated. Highslide from 3.3.22 to 4.0.4
- Added. Option to downsize attached images with no thumbnail.
- Fixed. A problem with highslide image path in forums with vb's files
in the server root. Before some installs take the paths well, some not.
Changed the way it load the CSS into the highslide template (just path vars)
to fix that, using vboptions->bburl for full path.

To upgrade you need to:
- upload (and overwrite) the folder /clientscript/highslide/
Then, re-import the new 1.2.8 product (allow overwrite = yes).


v1.2.7 (August 26th, 2008)
- Added. Option to exclude certain styles from apply all the image-resizer thing.
That way you can exclude you "mobile" style (mobile style hack @ vb.org)
and not overload that with all the javascripts from lightboxes.
Down side: images in those excluded styles will not be resized.
- Added. CSS Class for resized images. You can easily customize your needs for HOW
to display a downsized image, borders, spacers, and many others only using
the defined CSS Class.
CSS class for img tags are:
tcattdimgresizer ->normal IMG tag
tcattdimglink -> IMGLINK tag
- Fixed. Proper fieldset in UserCP options for Image Resizer. Now really fixed (i hope).
- Fixed. Using "resize in same window" for signatures not downsize well the image
after user click to go back from full size to small size.
- Fixed. Not a fix really, but implemented the downsize of image attachments in vbadvanced
news module. I'm not using vbadv anymore, that's why i don't "see" that before.
- Fixed/Added. Fix the Not Valid XHTML 1.0 Transitional.
Added an option to choose a new javascript metod to resize images, that's
100% valid. Is optional, so you can keep the old and nice Ncode mode,
or change it to the new one.

To upgrade you need to:
- upload (and overwrite) the file /clientscript/ncode_imageresizer.js
- upload the new file /clientscript/tcattd_imageresizer.js
Then, re-import the new 1.2.7 product (allow overwrite = yes).
Check (and re-save) your AdminCP options.


1.2.6 (July 28th, 2008)
- Added. New autocreated on install BBcode: [IMGLINK]
This BBcode will "solve" the know issue number one, about embed images with a link
[URL] tag arround them to use as button for links.
For more details, refer to the AdminCP option and associated Help on that item.
- Added. Optional resizing of the new BBcode [IMGLINK]. If yes, images posted with
the new BBcode will be downsized, but no lightbox will be attached to them, so
links with [URL] still works and don't mess up your layout too.
- Added. A new option in AdminCP to "allow only change dimensions" in users profiles options.
So, now you have: allow all options, allow resize mode selecion, allow resize mode
selection and change dimensions, allow only change dimensions.
For more details, refer to the AdminCP option and associated Help on that item.
- Fixed. LightWindow was integrated in v1.2.5, but the option-item in the admincp was
missing. LOL
Working now.
- Fixed. Highslide image paths (css don't work properly and can't display loader and fullexpand images)
- Fixed. The layout of the UserCP -> Profile Options for The Image Resizer (now a proper "fieldset" is set)
- Updated. Highslide to v3.3.22
- Updated. Slimbox to v1.64

To upgrade you need to:
- upload (and overwrite) the new folder /clientscript/highslide/
- upload (and overwrite) the new folder /clientscript/slimbox/
- upload (if missing) the folder /clientscript/lightwindow/
Then, re-import the new 1.2.6 product (allow overwrite = yes).


1.2.5 (July 22th, 2008)
- Added. New resizers: Floatbox, Shadowbox, Greybox, Roebox, LightWindow, AwesomeBox.
- Added. New options to set different width and height for Signature's image
resizing and Album's image resizing. Check the AdminCP options for configuration.
- Added. New option to exclude usergroups (by IDs) from Signature resizing.
- Added. An option to disable the Resizing of pictures in vb's albums / group's pictures.
Some people don't like and don't use that.
- Clean. Cleaned up "the function" for search/replace.
- Fixed. Removed the ugly border from the images in Albums and Group's Pictures
(forgot to put a border="0" in the img tag for the Lightbox's link).

To upgrade you need to upload all the new /clientscript/ files
and folders again. Overwrite the javascripts! (yes, overwrite the ncode_imageresizer.js).
Then, import the new 1.2.5 product (allow overwrite = yes).

And: check the readme! (Known issues)


1.2.4 (July 18th, 2008)
- Added. New resizers: Lightview, Slimbox, Thickbox.

To upgrade, you need to upload all the new /clientscript/ files
and folders!. Then, import the new 1.2.4 product (allow overwrite = yes).



1.2.3 (June 7th, 2008)
- Added. Option "Replace Lightbox for Attached files?" in the AdminCP.
When you turn that on, all default vb's Lightbox will be replaced
with Lytebox/Highslide, only if you are using one of those two
options as your "Default Resize Mode". Now, your attached images
will be open with Lytebox/Highslide.
Old references to Lightbox javascript are hidden (Set $show['lightbox']
to false).

To upgrade, just import the new 1.2.3 product (allow overwrite = yes).
No need to re-upload the files.


1.2.2 (June 7th, 2008)
- Fixed, set "Clear User Settings" to yes in AdminCP, not clear data.
Thanks to Stoebi!
- Fixed, images from Albums added to Groups don't get resized (they use
a different template from pictures displayed in Albums)
Thanks Calash for pointing the bug.

To upgrade, just import the new 1.2.2 product (allow overwrite = yes). No need to re-upload the files.


1.2.1 (June 7th, 2008)
- Change. Moved the conditional in template:
ncode_imageresizer_headinclude
...in order to show less CSS when using Lytebox or Highslide.
Just one new CSS definition will be added (when using Lytebox/Highslide)
If you customized this template, revert it to reflect the changes.
To upgrade, just import the new 1.2.1 product (allow overwrite = yes). No need to re-upload the files.




1.2.0 (June 6th, 2008)
- TCattitude take Spleasure's work with his permission, and continue from
vbulletin 3.6.x mod, porting it to vbulletin 3.7.x
- Add options to use Lytebox or Highslide to show full image.
- Add options to customize the Warn-Bar color, text color and border.
- fixed resizing images posted in vb's blogs.
- fixed resizing images posted in vb's albums. Now you can set a more larger width
in usergroup permissions, and allow "External Image Resizer" to resize down more
to not mess up your layout.
- fixed to not show Warn-Bar when you use Lytebox or Highslide. Instead: Mouse-over
warning.

Before (Spleasure's Work)... see the readme.

Live Demo.
----------------------------------------
http://www.antronio.com/blogs/tc/hap...de-tiempos-36/
In vB's Blog.
http://www.antronio.com/album/constructora/a6-p30/
In vB's Album.

More Details
----------------------------------------
See the included readme.txt for more details, configuration, changelog (from nCode vb3.6.x) and other things (copyrights and license info for Highslide / Lytebox / etc).

Thanks
----------------------------------------
Thanks to Spleasure for the permission to use his javascript and work.
I made another mod, more minimalistic, for resize external posted images
in several vbulletin website that i manage. But my javascript skills are
nor really the best, so i was using some other JS functions that i found
online. But nothing like nCode's one.

So he gave me permission to use his JS, and to use the first fork I did
from nCode's plugin-product for vbulletin 3.6.x. So i drop my own
minimalistic version of the image-resize plugin-product, polished the fork (put options and more friendly for admins), and make a
"second version" of nCode's one.

And this is it: nCode Image Resizer -> The Image Resizer.
Now powered with Lytebox, Highslide and many more! (optional)

Support.
----------------------------------------
Will be given by me... and all the nice and beautiful community here at vb.org that is using this mod and be kind enough to help each other.
I have a work, a family and a small Cat that takes a lot of milk, so don't spec an immediate response for every problem. Bugs will be solved. Suggestions could be taken or not.
And obviously: don't ask or request things if you don't mark this mod as installed ;)

cool, i was looking for this, thanks

Amazing Job, works perfect for on our site

www.pmsclan.com

Amazing! Waited so long for a Hack that brings a Lightbox to the Useralbums. Thanks!!!!

Works great and is compatible to vBSEO, YSLOW and vBa! :)

Very nice but to much CSS in the code for me.

If you use the Options without Lytebox or Highslide you don´t have this Problem.

By the Way - the CSS is only used if you click in Pic to maximize it by the Scripts.

Does this only work on external images, or does it work on attachments too?

Blogs, Picturealbums, externel Images are working as i can see so far.

What the Hell did you want it to work with Attachments? Lightbox is integrated in vBulletin 3.7. :confused:

Yeah it is. But this mod is for Lytebox, not Lightbox. There is a difference (Lytebox can be skinned).

Agree - but i think then the Hack has to be renamed like "Lightbox Replacement with full Integration". ;)

I know, my problem is that i dont need unnessesary CSS-code on my site.

This won't clash with Jase2's image resizing will it?

Covered.

Changed a little bit:

hello!

get this error message in my admin cp - when will save some settings!

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

some help?

regards

macc


edit: after update to ver 1.2.1 get this error in my admin cp
Fatal error: Call to a member function query_write() on a non-object in /home/belapla/public_html/vb/libar/includes/adminfunctions_options.php(490) : eval()'d code on line 207


error message come up only when i will change user settings in options - last one in options - ext. image resize

Yes, this should be fixed.

open plugin admin_options_processing and search for:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Replace with:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Better use my code please, and see the different, if you set the options 'clear all user settings' and save:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Regards, Stoebi

I was hoping somebody would come out with a mod like this. Thank you :)

I did notice one thing. Pictures added to Social Groups do not get re-sized.

For example, here is one from my Album

http://www.necrotania.com/vb/album.p...3&pictureid=19

and the same picture in a Social Group

http://www.necrotania.com/vb/group.p...2&pictureid=19

:up:

where to chage this code above and put (mean use your code)

thanks for reply and help!

regards

macc

Sorry, but I think, it's better to wait for TCattidude to make a new release.

@Calash
Resize works, but you need to change the dimensions for your album images in the usergroup options.

Thanks for the fix, Stoebi.
Added to v1.2.2
Fix added in v1.2.2 too ;)

v1.2.2 released.

Sorry TCattitude, but you read my post not clearly. :(

This is the complete php code for the hook admin_options_processing:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Kind Regards,

Stoebi

@TCattitude - can you please inform us by the vb.org Hackoptions if their is a Update? Thank you ....

LOL.
Stoebi, thanks (sorry, i'm in work now; marketing things :P ... i read wrong)
Zip v1.2.2 updated. Version not changed.

@redlabour, ok ;)

Thank you very much and thanks for this nice release also :)

*nominated*

Good job - thank you! :)

Very nice mod TCattitude :)

Could you add to next version watermark option?

Antek

@TCattitude - can you please add this Replacement as a Feature?

After thinking about it i think it is a very good Idea.

OMG... this is much better... :)

thank you ;)

just a question:

why there's no enlarge x icon for highslide?

Refer to Highslide home page for configuration.
See the included readme for instructions where to put your settings for Highslide.

Done.
See changes in v1.2.3 ;)

And the name change is cool !!! :D Don´t forget to send a Mail reminder. ;)

this mod with Link Anonymizer and Censor not work the Lytebox or Highslide not charge the images

Use a working Hack: vB Anonymizer ;)

@TCattitude - i have a last Wish for a Killerfeature.

Is it possible to include a Option to disallow any external IMG-Code? The best Thing would be if the User get a phrased Errorcode then or the Text will changed in Post to "External Images are not allowed!".

yeah this should be default, will install it soon. thanks.

Linked images have problem.

If any images linked, than link doesn't work and lytebox or highslide working like show the image with their effect.

No this is not a Problem - it is absolutely normal.

If you want to give Images a Link so you have to choose Pics that are small enought to be not affected by any Image Resizer.

Very nice. Now if only I could revert some of my old bbcodes this would be perfect.

Can you also integrate lightview?
Great plugin by the way!

http://www.nickstakenburg.com/projects/lightview/

It resizes all IMG Links - not only new ones. There is no BB-Code affected.

Oh yeah - looks very nice. Agree!

85 Downloads and only 52 Install-Klicks? :(

I LOVE IT!

Thanks for this hack.
you make my day, m8 :)

*Installed

luv it

*install* Thx!

:up::up::up:

Ahh...finally! I loved Jase's hack, but this one took it to the next level. :D

Thanks!

Excellent :). This works so much nicer... and now I don't have to worry about it resizing or affecting signature images. Exactly what I was in need of too heh. Uninstalled the old Lytebox one + Jase's image resizer then. Thanks for all the work you've done on this so far.

It´s really one of the best Mods i´ve seen for Months. :) Using it since release now and my Users are loving it. :)

Hello,

I think I've been staring at my monitor too long today!

I can't seem to get the Lytebox integration working for some reason. The image resizing element is working very nicely, however. Whenever I want to Lytebox an image it's simply reloading in the same frame. If you click here you'll see what I mean (any image in the first post).

I'm sure it's something blindingly obvious, any ideas?

-Kevin

I have user's complaining this is broken on ie6? Is this a highslide problem?

Yes - it seems like you did choose the wrong Resize Option in the Settings for this Mod.


Must be - and please force your Users to use IE7, FF3 or Opera 9.51 for their own Security.

LOL who the hell uses IE6 still? They need a smack upside the brain to UPGRADE out of their newb-era ;) hehe. Should just tell em to get with the times and not worry about em then.

thats easy to say for you - I have over 50k members and you expect to have a forum that works on multiple browsers

Just because somebody uses IE6 or FF2 doesn't make them a noob - maybe they just dont like the new version ?

Anyway ill give this one a try as the other one im using breaks the skin

Highslide works just fine on IE6 - so can this issue be addressed - thanks

I run IE6 at work and can confirm that all the options of this mod work great.

Since the last update I have not found any bugs. Great job :)



Quick question. Is there any way to have this work on images in FAQ pages? I know it is probably outside the scope of this mod but I do not mind getting my hands dirty in some code to get things to work.

This would be great! :)

I've tried all settings André, still the same.

I'll try it on a different skin and see how that goes.

-Kevin

This is the Best Image Resizer Modification

TCattitude send me a PM - he is testing a Update with some of the requested Features. :)

Hey TCattitude ... I had one question and/or suggestion. When using the Highslide side of it, how could I remove the border from the images when they are shown in the thread before you click on them? Basically don't want a border around the original embedded or attached images. Then if you know of how to remove that, maybe add in an option on the next update where we could set those border options within the admin panel area then. That'd be a nice addition no doubt :).


*DOH... nevermind heh. Edited the highslide.css file for that. Nice that we can edit some of the associated CSS to each image resizer side of it. That's handy for customizing it to your own specific needs/wants then.

Great mod. *click*

Sorry, there is one issue. If you combine a img-code with a link to a website, so that normally a click on the image leads to the url, the link does not work.

Any idea to solve that?

Create a new bbcode for Images "with a link", and use that. Some like: [IMGL] for "img link", and put something like this in the replace:

Block Disabled:      (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

Is the easiest solution, because to work all this "lightbox" things need to put a link to the image (and that what open in the new layer in fron the content). There's no other way to them to work.

Thanks; great idea!

Your mod conflicts with http://www.vbulletin.org/forum/showthread.php?t=165505. When you select your mod as highslide it creates a brown border around the other mods images etc.

Goldbrick is full of Bugs - use AME. :up:

I used to use AME then went to the software before goldbrick loved it. Now back with same developer with Goldbrick. I have no issues and even customized goldbrick to display hundreds of images side by side customized how I wanted etc. But back to this software they have conflicting code somewhere or call same file but different locations and causing an issue. Just know this software is adding it's style to another software not the other way around so will say it is this mods fault at this point. As the other mod does not effect this one in any way. They both function correctly and no harm no just the style is off for the before the js new window.

Thanx a lot for this Great Add.

*installed*

regard

Steffen :)

perfect, great - thanks

Hi TCattitude,

I like you hack and this is realy fast, but the only problem is that when you click on the images with Lytebox these do not open the actual size and are always smaller. I change in the number admincp, but not work.


Any idea to solve that?

InfoSpyware,
That settings are for the maximum width/height that the script will allow in embed images into posts, before they'll get resized. That are not the settings for the images when they will expanded.

To control that kind of things, as the readme of the product says, you MUST refer to the authors's websites of the version you are using: Lytebox or Highslide. They both have a LOT of options, and you need to set those in they respective javascript files. See the readme for more details.

And, if you're using this mod, please: click Install ;)

@TCattitude - any Roadmap for the suggested Update with the announced Additions?

I can't get this working for the life of me. Images just will NOT resize. :/

Works when opening in new Window now but doesnt load when you click on it for Highslide or LyteBox.

Possibilities:

1. You have Errors in your Javainstalltion.

2. You have Errors in your Browserconfiguration

3. You made something wrong at Upload of the Files or Configuration of the PlugIn

4. You have installed something at your Forum that conflicts with the Javascripts of the Mod

.....this Mod works absolutely fine if you made no mistakes. If i take a look at your Side with Firefox 3.0.1 i guess something with your Style and Java Functionalities is going crazy.

Best way to check for these sorts of things?

1. Update to the latest Javaengine.

2. Use the latest Release of your Browser.

3. Test it with the Defaultstyle from vBulletin.

4. Read the Installinstructions again.

Awesome mod.

Starting to click "installed" ;)


MOD updated :)

The Option "Block external embed images in posts/blogs?" blocks all internal Images even on vBadvanced if portal.php or vbacmps.php is in / and Forums index.php is still in /forum. :(

Can you change it in a Way that the Script is checking only for the Rootdomainname?

Installed and Nominated. ;)

Mistake XML: not well-formed (invalid token) in line 801 :confused:

What vBulletin version are you using?
Try downloading the ZIP file (version 1.2.4) again, and reinstall the fresh download.
Are you sure you're installing it as a product and not as a plugin? (Admincp -> Plugins & Products -> Manage Products -> [Add/Import Product])

vBulletin 3.7.2 PL1. Installing it as a product. Allow Overwrite -> Yes.
The problem remains.:confused:

Red hot.... clicked install and MOTM... love it...

Only does bigger images though... can it be set to run lighbox with ALL

Cheers

Anyone else of the native Speakers can describe to TCattitude what is the Problem with internal IMG Code on vBadvanced? Send him some PMs but i guess he still dont know whats the Problem. :(

Hi,

thank you very much TCattitude :)
I have only problems with the Thickbox and thumbnail images (see attached images please - tested with IE7/8 and FF 3.0.1).

My wish is to realize this feature on forumdisplay (threadbit), if you click on the paperclip, too.


Regards,

Stoebi

Excuse me, it was my mistake, instead of yours. All works. Thanks for MOD.:up:

As the notes inside the AdminCP says:
I saw that bug before, and don't know why that happen. I don't use vb's attachs, and i include as option in the mod only by request... so, i anyone have a clue, i would glad to read :P (i will try check that bug with thickbox, but later)

So, any examples of these new options?

1.2.4 (July 18th, 2008)
- Added. New resizers: Lightview, Slimbox, Thickbox.
- Added. New option: the "redlabour's setting". When you turn it on, all
external embed images in posts and blogs will be blocked and replaced
by a phrased text, leaving just img-attachs working (with the selected
resizer).

I don't like messin' with something when it's already working. ;)

For the first one, is just more possibilities for resizers. Just check the homepages for the new "lightbox" scripts (check inside the readme for v1.2.4). You can keep the same resizer before the upgrade with 1.2.4

The second one was removed.
(I'm chating with redlabour by pm, to clearly understand what he ask for this feature)

I can't get any of the options: lightview, slimbox, thickbox work in IE. IE crashes with one error loading any page, even index. Does anyone knows what may be the problem?

Figure it out! Conflicts with this Mod - Hide Inline Image Thumbnails http://www.vbulletin.org/forum/showthread.php?t=184213

Error in IE here too. Don't have that other mod installed, so dunno what it could be.

Well i'm confused too. Just disabled and re-enabled that mod and no IE errors this time! So that mod has nothing to do with it.

But in FF lightview works great.

I'm having problems with Internet Explorer 6 and 7 after I installed this mod. I'm receiving the following error message:

In IE7:
http://i35.tinypic.com/vmvpz8.png

In IE6 (this one is from a user):
http://img507.imageshack.us/img507/4306/errorhf7.jpg

This happens if I enable some of this: Lytebox / Highslide / Lightview / Slimbox / Thickbox.
If I choose for example "open in new window" does not happen.

Check this for more info: http://www.vbulletin.com/forum/showt...orer+open+site

Send you a new PM.

For anyone - internal IMGs are blocked on vBadvanced Newsblock if vbacmps.php or portal.php is installed in / not in /forum/ as external IMGs. :(

In the /forum/ everything works fine. Only a Way to include / or specially the Path to vBadvanced is missing.

I guess the best and easiest Way is to enter the Domainname in the Options so no IMG Link in http://www.MYOWNDOMAIN.de is blocked as external.

I would need something like this for the memberlist...to resize profile pictures or Avatars

All you need is included in vBulletin by Default. Just choose how large a Profilepicture or Avatar is allowed. What you want is out of Scope for this Mod.

the problem is that I have already 200 members who have profilepics which are too big.