Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
The Image Resizer. Powered with Lytebox / Highslide / Lightview / and many more! Details »»
The Image Resizer. Powered with Lytebox / Highslide / Lightview / and many more!
Mod Version: 1.2.8, by TCattitude (Coder/Designer) TCattitude is offline
Developer Last Online: Aug 2014 I like it Show Printable Version Email this Page

vB Version: 3.7.x Rating: (128 votes - 4.78 average) Installs: 1414
Released: 07 Jul 2008 Last Update: 27 Aug 2008 Downloads: 15157
Not Supported DB Changes Uses Plugins Auto-Template Additional Files Re-usable Code Translations  

----------------------------------------
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

Download Now

Only licensed members can download files, Click Here for more information.

Supporters / CoAuthors

Screenshots

Click image for larger version

Name:	admincpSS_127.jpg
Views:	5660
Size:	93.9 KB
ID:	86086

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Image Resize using Lytebox ( 3.6.x ) Lost Heaven vBulletin 3.6 Add-ons 37 13 May 2009 21:37
Image Resize using Lytebox Lost Heaven vBulletin 3.7 Add-ons 73 17 Dec 2008 23:14

  #136  
Old 23 Jul 2008, 01:22
KingPin6's Avatar
KingPin6 KingPin6 is offline
 
Join Date: Sep 2006
you are on a fricking roll! great job
__________________
Reply With Quote
  #137  
Old 23 Jul 2008, 11:29
Subah's Avatar
Subah Subah is offline
 
Join Date: Feb 2006
The explorar give my error message and close ?
Reply With Quote
  #138  
Old 23 Jul 2008, 13:22
TCattitude's Avatar
TCattitude TCattitude is offline
 
Join Date: Oct 2004
Originally Posted by Subah View Post
The explorar give my error message and close ?
Again, check the readme (known issues)
The readmes are for... read it

Originally Posted by pedroenf View Post
Sorry to inform but the problems with the slimbox, lightview, thickbox remains. And now with some added ones too, like awesome, roe and grey. The IE problem i mean.
Confirmed (thanks pedroenf), is a vbseo's problem, but with the old version 3.1.0. This not happen with vbseo 3.2.0. So, i won't "fix".

Last edited by TCattitude : 23 Jul 2008 at 13:46.
Reply With Quote
  #139  
Old 23 Jul 2008, 15:08
Stoebi Stoebi is offline
 
Join Date: Apr 2006
Real name: Peter
Thank you very much again

My wish is to realize this feature on forumdisplay (threadbit), if you click on the paperclip, too.
Reply With Quote
  #140  
Old 23 Jul 2008, 15:41
cindy helmond's Avatar
cindy helmond cindy helmond is offline
 
Join Date: Feb 2006
Real name: cindy
after install i get a white screen
Reply With Quote
  #141  
Old 23 Jul 2008, 18:40
pedroenf pedroenf is offline
 
Join Date: Jun 2006
Real name: Pedro
Originally Posted by TCattitude View Post
Confirmed (thanks pedroenf), is a vbseo's problem, but with the old version 3.1.0. This not happen with vbseo 3.2.0. So, i won't "fix".

Well i use VBSEO 3.2.0! But then again i did what says in that vbulletin.com thread you have in the readme, changed to default vbulletin template and there where no IE errors although some resizers did not work properly.
Reply With Quote
  #142  
Old 24 Jul 2008, 05:33
Martell Martell is offline
 
Join Date: Dec 2006
Originally Posted by TCattitude View Post
Updated. Version 1.2.5 released.
Thanks!
Reply With Quote
  #143  
Old 24 Jul 2008, 22:37
CDRlab CDRlab is offline
 
Join Date: Sep 2004
Great hack! But I have encountered a problem similar to the one with all previous *box scripts. If I add an image and apply ahref to it, than it is always beeing poped up in *box, eventhoug it does not exceed any size limit, and is pointing ahref to the place I need... Any ideas?

BR,
S.
Reply With Quote
  #144  
Old 24 Jul 2008, 22:48
TCattitude's Avatar
TCattitude TCattitude is offline
 
Join Date: Oct 2004
Originally Posted by CDRlab View Post
Great hack! But I have encountered a problem similar to the one with all previous *box scripts. If I add an image and apply ahref to it, than it is always beeing poped up in *box, eventhoug it does not exceed any size limit, and is pointing ahref to the place I need... Any ideas?

BR,
S.
Readme -> Known Issues
Reply With Quote
  #145  
Old 24 Jul 2008, 23:16
Viper007Bond's Avatar
Viper007Bond Viper007Bond is offline
 
Join Date: Oct 2006
I'm thinking of "upgrading" to this from the nCode one. However I have a question:

Does this support per-user preferences for the max image size too? Currently I have it set on my forums to resize any image over like 800x600. However some users, like me, have it set larger since we run larger resolutions.

Is this still possible with your plugin?
Reply With Quote
  #146  
Old 24 Jul 2008, 23:39
TCattitude's Avatar
TCattitude TCattitude is offline
 
Join Date: Oct 2004
Originally Posted by Viper007Bond View Post
I'm thinking of "upgrading" to this from the nCode one. However I have a question:

Does this support per-user preferences for the max image size too? Currently I have it set on my forums to resize any image over like 800x600. However some users, like me, have it set larger since we run larger resolutions.

Is this still possible with your plugin?
Yeap, have the same nCode's settings
Reply With Quote
  #147  
Old 24 Jul 2008, 23:41
Viper007Bond's Avatar
Viper007Bond Viper007Bond is offline
 
Join Date: Oct 2006
Awesome, thanks!
Reply With Quote
  #148  
Old 25 Jul 2008, 00:13
Viper007Bond's Avatar
Viper007Bond Viper007Bond is offline
 
Join Date: Oct 2006
Installed and working awesomely!

Shame about *box breaking the linked images though, but that's not your fault.
Reply With Quote
  #149  
Old 25 Jul 2008, 00:29
Skyrider Skyrider is offline
 
Join Date: Feb 2006
Thickbox is very very bugged with attachments I'm afraid. It shows up weird symbols and stuff.
Reply With Quote
  #150  
Old 25 Jul 2008, 13:54
Chimpie's Avatar
Chimpie Chimpie is offline
 
Join Date: Nov 2007
Real name: Chimp
Originally Posted by TCattitude View Post
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.
I need to do this. Where do I go to add this code?

Update: Figured it out. w00t! for my first bbcode edit/add.

Question now is... If the image is a large image and I use the [imgl] code the image does not get resized. Is there something else I need to do?

Also, does anyone want to create a 21 x 20 imgl icon for the message editor?

And one more or two more..lol... Would it be easier just to change the img icon in the messge editor to put out a code of [imgl]? And if so, where do I edit that at?

Last edited by Chimpie : 25 Jul 2008 at 14:21.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 12:43.

Layout Options | Width: Wide Color: