Integration with vBulletin - vBLightbox

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 has been tested on an unmodified v3.6.5 forum, 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 a port/update of my v3.5.x hack available here, apart from the fact that there a hell of a lot more locations that this effect works (only worked on SHOWTHREAD page in v3.5.x version).

vBLightbox is based on a script by Lokesh Dhakar from http://www.huddletogether.com/, the script I am using is available here.

NOTE: You do not have to download the script above as 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 full size overlay picture with a nice expanding image of a reduced size picture.

The Demo has now been removed, as I do not have this hack installed anymore.

This is NOT the same hack that Ntfu2 has posted here. His differs from mine as his has file edits and affects attachments.

My hack concerns images posted using my custom BB Code and has no file edits at all.

I hope you enjoy this hack as much as I have enjoyed creating it.

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

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

Known Issues

The AJAX Quick Edit still does not work with this hack installed.
(with AJAX Quick Edit enabled it works everywhere but SHOWTHREAD, which is a major problem and why it needs turning off, see Installation instructions)
NOTE: This will never be fixed, as this hack is now obsolete, so please do not ask.


Installation Instructions

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

Note: There is no upgrade path from my v3.5.x version, you have to uninstall that one first (including files and custom BB Code) before installing this one.


Version History

v1.02 - Tuesday 10th April 2007
-- Final release
-- Removed: 3 Non-Functioning Plugins

v1.01 - Monday 9th April 2007
-- Changed: 1 Plugin

v1.00 - Saturday 7th April 2007
-- Initial 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.

[Mosh]

Originally Posted by barnold

I have the mod installed and love it. One question though, is there a way I can stop it from resizing small pictures up to a larger size and blurring them?

If your image is less than the width of your IMGW tag which is set to 640px by default then use the standard IMG tag instead, as this is for over sized pictures only, and not all pictures.

[barnold]

I'm actually using this mod for a special set of images instead of in the forums. I plan to keep this mod for everyone's use in the forums but I will probably install another Lightbox script to handle the project I am working on since these images are very small.

Thanks!

[barnold]

Another quick question, is there a way to make the image close when it is clicked?

[Mosh]

Originally Posted by barnold

Another quick question, is there a way to make the image close when it is clicked?

At the bottom right hand corner of the expanded image, there should be a button that says CLOSE with an X to the right of it, click on that, it closes the lightbox effect and you are back to the normal forum page.

Also click Marked as Installed if you are using this or want more support.

[BadgerDog]

Before I install this, is there a way I can simply restrict this to only working on pics that are on my Home Page (uses vBadvanced), which really only shows threads in the welcome forum.

Thanks

Regards,
Badger

[tekstylez]

uninstalled.... doesnt work and useless.

[BadgerDog]

Originally Posted by BadgerDog

Before I install this, is there a way I can simply restrict this to only working on pics that are on my Home Page (uses vBadvanced), which really only shows threads in the welcome forum.

Thanks

Regards,
Badger

Ok, decided to test this....

It does work, but I can ony get it to take a pic of XY size and do its fancy thing showing it as the same XY size. How can I display a small thumbnail, then when it gets clicked on, have this add-on code display the pic in the original size?

Thanks

Regards,
Badger

[Mosh]

Originally Posted by tekstylez

uninstalled.... doesnt work and useless.

Well it works for me, and for 40 odd other people, so you will have to expand on why it does not work for you and why you think it is useless.

[Mosh]

Originally Posted by BadgerDog

Ok, decided to test this....

It does work, but I can ony get it to take a pic of XY size and do its fancy thing showing it as the same XY size. How can I display a small thumbnail, then when it gets clicked on, have this add-on code display the pic in the original size?

Thanks

Regards,
Badger

Unfortunately I do not have vBAdvanced or any other portal install at the moment, so I could not possibly be able to help out with that. If I do install it on my testbed, I will have a look at it then.

[BadgerDog]

Originally Posted by jdsinclair

Unfortunately I do not have vBAdvanced or any other portal install at the moment, so I could not possibly be able to help out with that. If I do install it on my testbed, I will have a look at it then.

Thanks for the quick response, but could you address this for me?

I can ony get it to take any pic of XY size and do its fancy thing showing it as the same XY size. How can I display a small thumbnail of a pic, then when it gets clicked on, have this add-on code display the pic (or a different file of the same pic) in a larger size? Right now, it blows up a thumbnail and makes it all blurry as the original was so small to start with.

I notice in some of your demos, you have it doing exactly what I need it to do. Thanks for your work, much appreciated.... :up:

Thanks

Regards,,
Badger