Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.7 > vBulletin 3.7 Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
The Image Resizer. Powered with Lytebox / Highslide / Lightview / and many more! Details »»
The Image Resizer. Powered with Lytebox / Highslide / Lightview / and many more!
Version: 1.2.8, by TCattitude TCattitude is offline
Developer Last Online: Aug 2023 Show Printable Version Email this Page

Category: Add-On Releases - Version: 3.7.x Rating:
Released: 07-06-2008 Last Update: 08-26-2008 Installs: 1418
DB Changes Uses Plugins Auto-Templates
Re-useable Code Additional Files Translations  
No support by the author.

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

Supporters / CoAuthors

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Благодарность от:
Insta-Gator

Comments
  #562  
Old 05-06-2009, 02:56 PM
ApexSpeed ApexSpeed is offline
 
Join Date: Jul 2006
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I am using it on 3.8.0 and it has been working flawlessly since I installed it.

However, a user came to me last night complaining that his signature line which said something like, "Finally some new posts..." shows up properly in his User Profile, but when he posts, the signature read, "Finally some new signatures..."

After thrashing with some variables last night, and digging through templates, I found nothing. That is, until I deactivated this add-on. After shutting it off, the words stopped being replaced. Completely strange.


Anyone have any idea why this is happening, and what a fix might be? These things shouldn't even be related...




doug
Reply With Quote
  #563  
Old 05-13-2009, 11:18 AM
amin's Avatar
amin amin is offline
 
Join Date: Dec 2005
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I was looking for it!!! it's Amazing!

thnak you so much.
Reply With Quote
  #564  
Old 05-19-2009, 07:18 AM
imedic's Avatar
imedic imedic is offline
 
Join Date: Mar 2008
Location: Romania
Posts: 178
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by z0diac View Post
It says it resizes EXTERNAL images. So I'm guessing, only images on an external image host (such as imageshack, imagevenue, etc..) ???

I need an attachment resizer. My users aren' tech-savy and have lots of images to share, but don't know how to re size them!
I am also looking for a re sizer of uploaded images as attachments to maximum allowed by forum so you don't need to resize it prior to upload.
If you find a solution to this please post it or PM me. This mod I don't think will re size before uploading a picture as attachment.
Reply With Quote
  #565  
Old 05-21-2009, 11:00 AM
Fynnon Fynnon is offline
 
Join Date: Jul 2008
Posts: 120
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I`m using this with vB 3.8.2 !

Awesome Box has a problem, after you close an image posted in any forum it redirects me to the index page of the forum

Also many of the scripts you use for this mods have been heavily updated by their authors so i want to ask you to please update your mod !

Thank You!
Reply With Quote
  #566  
Old 05-21-2009, 10:49 PM
Stubbed's Avatar
Stubbed Stubbed is offline
 
Join Date: Dec 2007
Location: New Zealand
Posts: 105
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I use this script purely for ncode, but to allow users to customise the height and width of the images that they want displayed. It works perfectly on 3.8.2 for this, APART from one small bug, inline attached images. Rather than displaying a thumbnail, I get this:

Quote:
rel="Lightbox"?attachmentid=3328&thumb=1&d=1241928 178" class="thumbnail" border="0" alt="Click image for larger version Name: premierecs3.png Views: 16 Size: 45.9 KB ID: 3328" style="margin: 2px" />
The html looks like this:

Code:
<a href="/forum/attachments/pub/3328d1241928178-hd1080i-video-editing-program-premierecs3dtpng" rel="Lightbox_1191788" id="attachment3328" >rel="Lightbox"?attachmentid=3328&amp;thumb=1&amp;d=1241928178" class="thumbnail" border="0" alt="Click image for larger version

Name:    premierecs3.png
Views:    16
Size:    45.9 KB
ID:    3328" style="margin: 2px" /></a>
If I could clean that up, I'd be 100% stoked. Will have a look into it myself and see if I can figure out what is going on.

*edit*

voter - I should have read your post first... I see what's going on now. Will have a play.

HTML needs to be:

Code:
<a href="/forum/attachments/pub/3328d1241928178-hd1080i-video-editing-program-premierecs3dtpng" rel="Lightbox_1191788" id="attachment3328" ><img src="/forum/attachments/pub/3328d1241928178t-hd1080i-video-editing-program-premierecs3dtpng" class="thumbnail" border="0" alt="HD1080i Video Editing Program-premierecs3dtpng" style="margin: 2px" /></a>
For the same block.

*edit 2*

Alright - Sorted. This is what to do on 3.8.2 if you want it to work properly. Note, that I don't want to use the "flash" replacement Lightboxes, and to be honest I highly doubt any of your users would either, all I wanted was someway to stop my theme from being broken, but not at the expensive of people with large monitors only being able to see tiny images. These are the options I use:

Image Resizer Enabled: Yes
Default Resize Mode: Enlarge in same window
Javascript downsize mode: Ncode
--Colours, just what ever---
Highslide: outline Type: drop-shadow
Image size: What ever, I set mine at both 900/900 for default, since most people use at least 1280x1024
Resize external images in sigs: No. I don't allow images in sigs anyhow, so don't know if this is working.
Resize Images in vB's Albums: Yes
Album Size: Same as above
Replace vb's default lightbox for attached files: No
Resize attached images with no thumb?: No
IMGLink tag, resize it?: Yes
IMGLink tag, kill in signatures?: Yes
User Options: Allow only change dimensions

That disables all of the options that "break" this modification in some way and allows your users to set at what size they want their images to be resized. You don't need the attachment resizing because vb3.8 takes care of that it's self.
Reply With Quote
  #567  
Old 05-24-2009, 03:20 PM
amjadz4's Avatar
amjadz4 amjadz4 is offline
 
Join Date: Aug 2007
Posts: 245
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I have a problem. The script is resizing ALL images posted in the forums. I do not want this. I want to select the size of the images which should be resized. For example: All images greater than 500px should be resized only!

Please help!
Reply With Quote
  #568  
Old 05-25-2009, 10:32 PM
my_aly's Avatar
my_aly my_aly is offline
 
Join Date: May 2007
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thank you
Reply With Quote
  #569  
Old 05-27-2009, 09:48 AM
I.am I.am is offline
 
Join Date: Mar 2009
Posts: 84
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

it doesn't work on my 3.8.2 , i use a custom bbcode to align image and text, someone have a good solution to fix my problem?

this is the line code used by me to align image and text for the right side:

Code:
<img src="{param}" align="right" hspace="5" vspace="1" add border="0"/>
with this tag: [imgr] image url here [/imgr]

Thanks
Reply With Quote
  #570  
Old 05-28-2009, 11:32 PM
sandt38's Avatar
sandt38 sandt38 is offline
 
Join Date: Aug 2007
Location: In a house
Posts: 93
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Works great for me. Thanks...
Reply With Quote
  #571  
Old 06-01-2009, 07:24 PM
voter's Avatar
voter voter is offline
 
Join Date: Dec 2006
Posts: 192
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Undefined function ncode_imageresizer_replace() error or the error IE reports like Unable to browse the web site with undefined function, appearing when one decides to use in "The Image Resizer - Options" for "Javascript downsize mode" the case TCattd mode (Needs a Lightbox selected!) instead of Ncode mode.

In that case just disable via Plugin Manager the plugin "TCattd - Resize external posted images for Blogs" in .

In any case resizing in Blogs you could disable as of it is not working-buggy
Reply With Quote
Reply


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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:53 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.06393 seconds
  • Memory Usage 2,349KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (3)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (1)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete