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.

[bocek]

Originally Posted by bocek

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?

Sorry its my bad.

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

sorry to bother you...

[Kiint]

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.

[BadgerDog]

Originally Posted by Kiint

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

[Kiint]

Originally Posted by BadgerDog

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

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

[BadgerDog]

Originally Posted by Kiint

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

[Amenadiel]

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





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.

[Terrasoft]

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:

<div align="center"><a href="{param}" class="thickbox"><img src="{param}" width="320" alt="Click on the image to view it in a larger size" /></a><br /><b>Click on the image to view it in a larger size</b></div>

I changed the width to 320...

[TheBlackPoet]

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

[Terrasoft]

Originally Posted by Terrasoft

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:

<div align="center"><a href="{param}" class="thickbox"><img src="{param}" width="320" alt="Click on the image to view it in a larger size" /></a><br /><b>Click on the image to view it in a larger size</b></div>

I changed the width to 320...

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

[Ivo2]

I can't import the product.xml
Get this message :

Die Cookies konnten nicht gesetzt werden, da der Header schon an den Browser geschickt wurde.
Datei: /www/htdocs/xxxxxxxx/includes/adminfunctions.php
Zeile: 283

Any Idea?
Thx for help