Integration with vBulletin - vBThickBox

Hack Support

This hack is now discontinued - this means that while it will remain available for download and use, there will be no further updates, nor will support be provided as the thread is no longer monitored.

Please click Mark as Installed if you are using this hack.

NOTE: I have marked this hack as Re-usable Code - This means that code from this hack may be used in other hacks, which can ONLY be released on official vB sites that use Jelsoft's verification system to verify your vBulletin license status, and as long as I am credited in your hack.


vBulletin Version Compatibility

This hack has been tested on unmodified v3.6.5, v3.6.6, v3.6.7 PL1 and v3.6.8 forums, so as long as the templates have not been modified too much, then this should work with no alterations needed in the plugins. This has also been installed on my forum which is heavily modified.


What Does This Hack Do?

It is the successor to/replacement for my vBLightbox hack available here, which does work the Quick Edit function, which was the major flaw with vBLightbox (which does not work with the QE function). My vBLightbox hack will have to be un-installed to install this hack.


vBThickBox my integration hack of that is based on the ThickBox script by Cody Lindley from http://jquery.com/demo/thickbox/, which is loosely based on the lightbox script by Lokesh Dhakar.

NOTE: DO NOT download and install the script above as a modified and slimmed down version of it is already included in my hack.

This hack integrates the script in with vBulletin and uses a custom BBCode (in this case my custom IMGW tag) to display a larger size overlay picture with a nice expanding image of a reduced size picture.

[S]To see a demo of the hack in action, click here and click on one of the images to see the effect, this is to show what it can do, you can also check the BBCode section of the FAQ here, other locations require you to register with the forums. I will NOT post screenshoots at all, as the demo does a lot better job as showing what it can do.[/S]

There is currently no live demo of the integration, but you can visit the developer's website to see how it works.

This hack works with Quick Edit and Quick Reply, with no problems.

Locations that this effect works and you can use the IMGW tag:

• FAQ - Show BB Codes
• thread/post preview
• edit post
• show thread
• show single post
• new pm
• show pm
• preview pm
• signature
• signature preview
• profile (if signature is enabled)

Known Issues

No known Major Issues
- apart from the ThickBox effect not working after a Quick Edit, a page refresh will resolve that, it seems to be default behavior with the way Ajax works with vBulletin.


Installation Instructions

Download the zip file, unzip and follow the install instructions.

Note: There is no upgrade path from my vBLightbox hack, you have to uninstall that one first (including uploaded files) before installing this one.


Version History

v1.00 - Friday 18th May 2007
-- Initial/Final release


Show Your Appreciation

Although not required, if you have enjoyed the benefits of this hack, and would like show your appreciation for my efforts, then please feel free to click on the Support Developer link and donate any amount you feel is appropriate.

[rjmjr69]

Originally Posted by jdsinclair

Yes, this is how I setup the hack.



I have downloaded the attachment from here, installed and then un-installed a couple of times and can not re-create the problem you are having with the .xml file.

But print_cp_login() is your admincp login function which is to do with the logging into the AdminCP, and should have nothing to do with the hack, so I am not sure why that is happening for you.

It is strange I've tried redoing it a few times get the same results..

[Kihon Kata]

ok...once again...can one just use it on all IMG tags?

Originally Posted by jdsinclair

Yes, this is how I setup the hack.



I have downloaded the attachment from here, installed and then un-installed a couple of times and can not re-create the problem you are having with the .xml file.

But print_cp_login() is your admincp login function which is to do with the logging into the AdminCP, and should have nothing to do with the hack, so I am not sure why that is happening for you.

[BadgerDog]

Originally Posted by Kihon Kata

ok...once again...can one just use it on all IMG tags?

I don't think it replaces the functionality of the standard IMG tags?

I thought it just gave a new IMGW BBcode tag to use?

Thanks

Regards,
Badger

[BadgerDog]

Installed... :up:

Nice product... works well....

Requires using a new BBcode [ IMGW ] url [ /IMGW ]

It would be nice if it could take thumbnails from "ImageEvent" or "PhotoBucket" and display them as their full scale counterpart from the same site.

Regards,
Badger

[Mosh]

Originally Posted by Kihon Kata

ok...once again...can one just use it on all IMG tags?

Not all IMG tags, just the one that is created by this hack.

[bocek]

I installed but it is not functioning for large images at my forum (as a sample 642 x 923 pixels)
any method to fix this?

[Mosh]

Originally Posted by bocek

I installed but it is not functioning for large images at my forum (as a sample 642 x 923 pixels)
any method to fix this?

You will have to give me a bit more info than what you have given me, before I can even hazard a guess as to what your problem is.

[rjmjr69]

Ok uninstalled.

[bocek]

Originally Posted by jdsinclair

You will have to give me a bit more info than what you have given me, before I can even hazard a guess as to what your problem is.

Well,

Letme try to give more info:

Product is installed without any problem to Vbulletin forum V6.3.7 PL1. :up:

When I insert an image, with 500x600 pixel dimension (located at imageshack) between the codes, it is functioning very well. :up:

However,

A larger image with 642 x 923 pixel is only showing a "BOX without the thumbnailed picture. :down:
(and -alt text- "clik to enlarge" is appearing when you hover the mouse.)
And when I clicked over; a shadowed page is showing up and "the original sized image is not apperaring" as we hope to see...



enough explatory?
or shall I go through taking screen caps?

[MoMan]

Is there any way to decompress the vBThickBox.js file? I want to change the way resizing works, and since I see that the vB version of thickbox has already been edited, I can't replace it with the stock version from the author's site