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.

thanks for this, i have used thickbox on static html pages and it is a great script - have you used version 2.1.1 or the newer version 3 recently released?

Thanks, trying it right now.

@ Pady it's version 3

Doesn't work with me,

In one style there isn't a pop-up and in the other one there is a pop-up but no images in the pop-up.

Thanks m8..

will this allow quick reply to be used also? maybee im wrong and thinking of somthing else but in other light box add on i thought i read that quick reply and lightboxes didnt play nice together?

i read in your descripion that it works w/ quick edit. maybee thats what i was thinking.

Yes, it works with Quick Edit, with no problems.

Do you have to use a "custom" bbcode? Or can one just use it on all IMG tags?

I get this error when trying to import the xml

Fatal error: Cannot redeclare print_cp_login() (previously declared in /homepages/14/d191751648/htdocs/forums/includes/adminfunctions.php:22) in /homepages/14/d191751648/htdocs/forums/includes/adminfunctions.php on line 22

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

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

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

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

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.

Ok uninstalled.

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?

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

Sorry its my bad.

somehow width definitoin is reduced to 150 [ width="150" ]; I think I am facing problem due to this. :eek:

sorry to bother you... :(

Installed fine (had to re-save the added tag though). Had to make the thumbnail image smaller though...640 was just a bit to large :) Also removed the Center tag as you can use the alignment tools in vB to do things like that.

Apart from that, thanks for all the work you put into this, It's appreciated.

What size of thumbnail did you find worked the best for you?

Thanks

Regards,
Badger

I've always found 100-150 wide, even when I worked for a large UK ISP we always used thumbnails around that size.

Thanks Kiint.... :up:

Regards,
Badger

For some odd reason I was completely unable to import the product. It feezed on the following screen:

http://img04.yourpix.org/images/06.0...2importing.jpg



But I needed this mod badly so I manually added the bbcode and the reference to js files in headinclude, and now it works perfectly, so I'll mark this as installed.

I have a problem with this hack. It works fine except whenever I click on a thumbnail, the image it shows doesnt show the full image. It just shows the thumbnail but in the "photo look." I did change something though:

I changed the width to 320...

the hack works perfectly for me... it really looks nice.... and my members will think so too... excellent for presentations! installed... and voted excellent

Still have the problem...when I click on the image, it doesnt show the FULL image. T_T

I can't import the product.xml
Get this message :
Any Idea?
Thx for help

Thanks much!