Integration with vBulletin - vBLightbox [Archive]

View Full Version : Integration with vBulletin - vBLightbox

Mosh

04-06-2007, 10:00 PM

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 (http://www.huddletogether.com/projects/lightbox2/).

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.

Naxon

04-06-2007, 10:39 PM

Any Screen Shots Please?...

Mosh

04-06-2007, 10:42 PM

Any Screen Shots Please?...

Some people never read the description.
To see a demo of the modification in action, click here (http://forum2.youceff.com/showthread.php?t=10655) and click on one of the images to see the effect, this is to show what it can do, I have not yet added this mod to my site. I will not post screenshoots at all, as the demo does a lot better job as showing what it can do.

rjmjr69

04-06-2007, 10:49 PM

WOW thats awesome I love it... Too bad I wont install it until the quick reply is fixed Thats one feature I can not get rid of in fear of a mass mutiny

Thanks I'll keep track

dbirosel

04-06-2007, 11:09 PM

Instead of using your custom bbcode, can we just use the default IMG bbcode? If we use the default, will there be any problems? Why do you prefer having a seperate IMG bbcode?

Thanks.

Mosh

04-06-2007, 11:14 PM

Instead of using your custom bbcode, can we just use the default IMG bbcode? If we use the default, will there be any problems? Why do you prefer having a seperate IMG bbcode?

Thanks.
Because using the default IMG tag would require major source code modifications, which have to be applied everything you updated vBulletin to a newer version and also I try to avoid make code modifications, hence my custom BBCode.

dbirosel

04-06-2007, 11:15 PM

Ok cool, i understand. Thanks! :)

Mosh

04-06-2007, 11:23 PM

WOW thats awesome I love it... Too bad I wont install it until the quick reply is fixed Thats one feature I can not get rid of in fear of a mass mutiny

Thanks I'll keep track
It is not Quick Reply that is affected by this mod, it is Quick Edit that does not work properly because of an ajax conflict between vBulletin and this modification, so you can use this modification fine while using Quick Reply :)

dbirosel

04-06-2007, 11:27 PM

Mosh

04-07-2007, 12:02 AM

Where do we add the lightbox code on vB?

It's not working well:

http://www.caraudiojunkyard.com/forum/showthread.php?p=13015

i placed this code on the header template:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

What am i doing wrong?

You did not need to add the above script, and css/lightbox.css should be vbulletin_css/lightbox.css.

You have not been using my version for v3.5.x have you?
As from what I can see in your source code of that page is that the vBLightbox template is not being added to the postbit template, plus the code you posted above was from my v3.5.x version and not this one.

EDIT: Also you will need to copy all the images into the forum/blackteal folder and all the other image folders if you have multiple styles installed.

rjmjr69

04-07-2007, 12:17 AM

It is not Quick Reply that is affected by this mod, it is Quick Edit that does not work properly because of an ajax conflict between vBulletin and this modification, so you can use this modification fine while using Quick Reply :)

OH lol guess I need new glass's sorry about that.

dbirosel

04-07-2007, 01:13 AM

Mosh

04-07-2007, 06:04 AM

I added the above script because i thought i had to install the Lightbox first. The lightbox link you provided from huddletogether.com. So i followed those instructions and then did yours. Now i uninstalled and removed the huddletogether script. Overwrite your product again, and it is still not working. What am i doing wrong?
The only way I think I will get to the bottom of this is if you PM with details of a temp admin for your site that can edit templates and use the plugin system, then I will have a look for you and sort it out for you.

TTG

04-07-2007, 06:21 AM

Works straight out of the box :up:

Clicked install .. great addition.

Thanks jdsinclair

Mosh

04-07-2007, 06:26 AM

Works straight out of the box :up:

Clicked install .. great addition.

Thanks jdsinclair
You are more than welcome :) I am glad someone has had a positive experience with this modification :)

That is how it should work, all you have to do is disable QuickEdit in AdminCP, upload the files to the correct locations and import the product (again into AdminCP) , you should not have make any changes at all and it should work straight away.

dbirosel

04-07-2007, 08:33 AM

Uninstalled, then reinstalled. Nada. Is it because i am using the lightbox with photoplog? Would there be inteference? The lightbox files are uploaded to my site directory and one template from shell_blank. I used lightbox with vBgarage before, but i uninstalled it. Is there something i should check out?

Thanks.

croportal

04-07-2007, 09:36 AM

is this works with the images attached to the forum

i have hundred of pcitures uploaded from upload from my forum and i wonder if will this work if you click to the picture

Snake

04-07-2007, 11:00 AM

Whoa this is quite something! Thank you. :D

projectego

04-07-2007, 02:40 PM

Awesome! Thanks. :)

dbirosel

04-07-2007, 05:18 PM

is this works with the images attached to the forum

i have hundred of pcitures uploaded from upload from my forum and i wonder if will this work if you click to the picture
I believe it will only work if you have your images wrapped in his custom bb code. [imgw]

TWTCommish

04-07-2007, 06:20 PM

Same thing here: love the idea, but like the other hack, I simply can't use it if it breaks Quick Edit. That's too convenient a feature to sacrifice for aesthetics.

liljimmy

04-07-2007, 10:41 PM

Quantnet

04-07-2007, 11:59 PM

Click installed to keep an eye on the future update.

Will install when there are some workaround with Quick Edit

subzero06

04-08-2007, 12:33 AM

i get an error when importing product
im using 3.6.4
Fatal error: Cannot redeclare class vs_hhr_engine in /home/*****/public_html/******/includes/functions_warning.php on line 0

Phooey

04-08-2007, 12:33 AM

Neat. :up:

Luky

04-08-2007, 05:43 AM

Looks sicker then a hospital! Cheers mate!

klaush

04-08-2007, 12:40 PM

Luky

04-08-2007, 04:12 PM

Yep, the same here.
Me three!

Mosh

04-08-2007, 09:03 PM

is this works with the images attached to the forum

i have hundred of pcitures uploaded from upload from my forum and i wonder if will this work if you click to the picture
dbirosel is right, it does not work with attachments.

Mosh

04-08-2007, 09:05 PM

Little bizarre. Installed as the instructions said. When I use the bbcode to post an image, it doesn't work. However, when I click on the "preview post" button, the vblightbox works just fine. The minute I submit my post, the special effects don't happen. Any ideas?

Yep, the same here.

Me three!
Try out v1.01 which I just uploaded which should sort your problems out, just follow the upgrade instructions.

Let me know :)

Mosh

04-08-2007, 09:07 PM

The only way I think I will get to the bottom of this is if you PM with details of a temp admin for your site that can edit templates and use the plugin system, then I will have a look for you and sort it out for you.

Uninstalled, then reinstalled. Nada. Is it because i am using the lightbox with photoplog? Would there be inteference? The lightbox files are uploaded to my site directory and one template from shell_blank. I used lightbox with vBgarage before, but i uninstalled it. Is there something i should check out?

Thanks.
Try v1.01 and follow the upgrade instructions. If that does not work, then my quote above is the only way forward as I have never used photoplog or vbgarage, so do not have a clue if it affect my modification.

Mosh

04-08-2007, 09:14 PM

i get an error when importing product
im using 3.6.4
Fatal error: Cannot redeclare class vs_hhr_engine in /home/*****/public_html/******/includes/functions_warning.php on line 0
I do not have a clue as to what error that is, as it is NOT a file that is included with vBulletin, so must be a file from a modification you have installed (not one of mine).

dbirosel

04-09-2007, 04:18 AM

sometimes it works, sometimes it doesnt.

Ticinofelino

04-09-2007, 05:54 AM

Works great for me, installed, thanks!

Luky

04-09-2007, 09:12 AM

Okay just a second please, i will fully erase it and upload it from scratch. :)

Luky

04-09-2007, 09:35 AM

May i ask why you included psistats.php

Edit: Still not working.

Edit again: Okay it works now, i was using img instead of imgw bbcode :P

Another edit: Check out my addon!

kevcj

04-09-2007, 02:53 PM

I had to disable this add-on. When I uploaded a file, the attachment manager had a list of 2 dozen errors.

This mod is a wonderful idea and I would be willing to pay for it when all the bugs are worked out.

Luky

04-09-2007, 03:18 PM

kevcj

04-09-2007, 04:51 PM

The error is in the file attach box under the post -

undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)

In all there are 35 of these in the file attachment box, with one real file attached.

With the first "undefined" being a link that takes you to this message -
Invalid Attachment specified. If you followed a valid link, please notify the administrator.

Luky

04-09-2007, 07:00 PM

Invalid Attachment specified. If you followed a valid link, please notify the administrator. - I get that only when i upload something over 10 meg because my PHP MAX UPLOAD limit is 10... I never use the attachment system!

kevcj

04-09-2007, 07:22 PM

this is with a picture about 150k, max allowed is 400k - I like to make it easy for my members to post pictures, instead of having to host the picture somewhere else.

So what does the error mean and why is the lightbox not working (before I disabled it because of the attachment error)?

liljimmy

04-09-2007, 09:40 PM

Okay, that fixed my first problem but produced a new one. If somebody is making a post and wants to change their font size or font face, about halfway down through the fonts dropdown menu everything is all garbled. It's words and code all on top of one another and is unreadable.

treader

04-09-2007, 10:13 PM

Installed and works great..

Thought i don't like that i can't use the quick edit option any more :(

also is there a way to limit the code to specific forums as you can with normal [IMG] tags... as i can't find such an option:confused:

Mosh

04-10-2007, 06:42 AM

May i ask why you included psistats.php
I do not even have a file called that on my PC.

Mosh

04-10-2007, 06:44 AM

Giving the error messages would be prosome!

wtf?
The following errors occurred when this message was submitted
This forum requires that you wait 30 seconds between posts. Please try again in 1 seconds.

The error is in the file attach box under the post -

undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)
undefined (undefined)

In all there are 35 of these in the file attachment box, with one real file attached.

With the first "undefined" being a link that takes you to this message -
Invalid Attachment specified. If you followed a valid link, please notify the administrator.

Invalid Attachment specified. If you followed a valid link, please notify the administrator. - I get that only when i upload something over 10 meg because my PHP MAX UPLOAD limit is 10... I never use the attachment system!

this is with a picture about 150k, max allowed is 400k - I like to make it easy for my members to post pictures, instead of having to host the picture somewhere else.

So what does the error mean and why is the lightbox not working (before I disabled it because of the attachment error)?

OK, I have re-created that error and am looking in to it, will post updated files when I have fixed it.

EDIT: I have isolated the problem and will be releasing a fixed version in a few minutes.

Mosh

04-10-2007, 07:12 AM

Update to v1.02 which should fix up the attachment problems.

Luky

04-10-2007, 12:11 PM

Im pretty sure you included it, unless ofcorse i extracted your file into the same location as PSI Stats..

Edit: Fix teh quick edit please!

Mosh

04-10-2007, 12:24 PM

Im pretty sure you included it, unless ofcorse i extracted your file into the same location as PSI Stats..

Edit: Fix teh quick edit please!
No I did not, I have never downloaded PSI stats (whatever that is).

Click Mark as Installed as you have it installed on your site, also remove me as supporter on your template change please as I have my hands full supporting my own hacks as it is and will not support your one as well.

Luky

04-10-2007, 02:11 PM

But this mod is supported and thats what i mean by supported, but okay ill remove it. And i have clicked install... I click install when i download things so i get notified of updates

subzero06

04-10-2007, 03:17 PM

Im using 3.6.4 and i think this hack is not compatible for the people that uses the "Advanced Warning System" hack.
when i try to import the product it says

Fatal error: Cannot redeclare class vs_hhr_engine in /home/******/public_html/*****/includes/functions_warning.php on line 0

Can you make it, so it works with the warning system hack?

audis3

04-10-2007, 08:54 PM

Great work!Installed!Thanks!
Can you fix it to work in quick edit posts mode?

TTG

04-10-2007, 09:39 PM

Update to v1.02 which should fix up the attachment problems.

Had no problems with attachments .. any other benefits in upgrading !?

Mosh

04-11-2007, 07:11 AM

Mosh

04-11-2007, 07:15 AM

Great work!Installed!Thanks!
Can you fix it to work in quick edit posts mode?
This has been a problem since I released the v3.5.x version, and my javascript is rubbish, so if someone else comes up with a fix then I will happily add it, but if not it will have to wait until I teach myself JS and AJAX.

Mosh

04-11-2007, 07:17 AM

Had no problems with attachments .. any other benefits in upgrading !?
If you do, as I can generate the problem in v3.5.x and v3.6.x then upgrade. If not, there are no extras, this version is just to sort the attachment issue.

subzero06

04-21-2007, 03:14 PM

Im getting an error

Fatal error: Cannot redeclare class vs_hhr_engine in /home/*******/public_html/******/global.php on line 0

Mosh

04-22-2007, 08:39 AM

Im getting an error

Fatal error: Cannot redeclare class vs_hhr_engine in /home/*******/public_html/******/global.php on line 0

As I said in an earlier post, I am NOT going to install AWS and try and make vBLightbox compatible with it, I am using the inbuilt infraction system and am not interested in installing AWS at all.

Im using 3.6.4 and i think this hack is not compatible for the people that uses the "Advanced Warning System" hack.
when i try to import the product it says

Fatal error: Cannot redeclare class vs_hhr_engine in /home/******/public_html/*****/includes/functions_warning.php on line 0

Can you make it, so it works with the warning system hack?

barnold

04-25-2007, 10:14 PM

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?

dbirosel

04-25-2007, 10:15 PM

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?
i "think" i fixed it by changing the image size on the custom bb code area from 500 to 300. I don't know if thats the solution though.

barnold

04-25-2007, 10:27 PM

Thanks dbirosle, this will work for now. I'd like to find a way to set it to limit up to 640, but if the image is already smaller than 640 keep the original size. Maybe the author can help us out with this, I'll try to see if I can find something but I'm no coder. ;)

Mosh

04-26-2007, 05:19 AM

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

04-26-2007, 06:50 PM

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

05-07-2007, 11:32 PM

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

Mosh

05-08-2007, 07:15 AM

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

05-08-2007, 01:51 PM

tekstylez

05-08-2007, 04:24 PM

uninstalled.... doesnt work and useless.

BadgerDog

05-08-2007, 06:05 PM

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

05-09-2007, 07:38 AM

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

05-09-2007, 07:41 AM

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

05-09-2007, 10:56 AM

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

BadgerDog

05-09-2007, 12:57 PM

Uninstalled....

Thank you for your work though.... :up:

Regards,
Badger

Mosh

05-09-2007, 11:59 PM

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.
That is the way it does it, it takes a large picture, shrinks it down and displays it on the your screen as a smaller picture. For instance a 1280x1024 will be displayed as a 640x512 image on your screen, but you will have already downloaded the full size image to your PC and the full image is displayed when you click on it.

So, using it on a smaller image than 640 will make it blur as blows the image up and the resolution is not there to cope with making the dimension larger than the original image.

So, it is not suited to the purpose you want to put it. The script probably could be made to do what you want it to do, but I am only supporting the integration, and not the script itself, you will have to ask Lokesh (link in 1st post) if he can do it for you.

treader

05-15-2007, 03:16 PM

also is there a way to limit the code to specific forums as you can with normal [IMG] tags... as i can't find such an option:confused:

Guess thats a no huh?....... does anyone have a clue how i might be able to do this? I really like this hack all and all, and would love to use it, but i can't without being able to do this :(

Mosh

05-16-2007, 10:34 PM

Guess thats a no huh?....... does anyone have a clue how i might be able to do this? I really like this hack all and all, and would love to use it, but i can't without being able to do this :(
No, this can not be done without a custom hack to add permissions on a per-forum basis for both standard bb codes and custom bb codes. The only bb codes that are controlled on a per-forum basis at the moment as standard are allowing or preventing the use of all bb code and the use of the IMG bb code, that is it.

dannylin3000

05-23-2007, 02:08 AM

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.

this hack is really cool but would be great if you can detect the width first and if its width is larger than 640x, then apply this hack, otherwise, do not apply the ThickBox effect.

more, can you please add a feature to show a photo's EXIF below the large size image in the larger ThickBox view?

ADomoWorld

08-17-2007, 09:40 PM

Wow Excellent I Truly Love This. EXCELLENT!! - Applauds -