3.5.x vBGarage w/ Lightbox v2.0

This is something myself and another guy at work put together this morning.

Lightbox is a cool JS that is based off of scriptaculous & prototype. It slides an image onto a faded background without leaving the page and then you can go through the vbGarage with tabs within the image.
It really takes vbGarage to the next level and I'm getting lots of request to release this as a hack.

I'm not sure if i have the time to support this 100% as I feel there will be lots of questions. But I'll do my best to help you guys out.

This is my first hack and I hope you guys enjoy it.

Refer to THIS POST for the simple install version of this hack

NOTE: I'm being told that you MUST have vbSEO installed for this to run automatically. All the forums we run have this so I have not spent any time making this run with .htaccess rewrite rule. If anyone wants to update this and let me know if they got it to work I will update this for them. Thanks

Click install if you use it.

here's a link to where it's being used.
http://www.thirdgen.org/techboard/vb...ber-42479.html

[Ntfu2]

:woot: Look what i started, pretty soon, vBulletin is going to be one big lightbox

[Xoxideforums]

Lightbox is pretty exciting.

I just checked out your mod. that's way cool. my friend and I were just talking about that idea after we did the vbgarage.

Thanks for the inspiration and letting us know it was done before we wasted our time putting it together.

Maybe you can help me modify it so that non SEO users could use this.

[Ntfu2]

Should work on SEO and non SEO boards the same.

I dont have garage to test it on though so i can not be of to much assitance

Good job on it though :yesway:

Edit: Just downloaded your package, you may want to make sure you are allowed to redistrbute the vBGarage code

[Barakat]

love it thanks toooo much

[bouncer18]

your making it more difficult then it really is...

all you need to do is add the

PHP Code:

<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" /> 


above $headinclude on the viewgarage template

and change the imagebits template to

PHP Code:

[<a style="cursor:pointer; cursor-hand" href="vbgarage.php?do=getimage&amp;id=$image[vbgarageid]" rel="lightbox[$data[userid]]"><img src="$vboptions[bburl]/vbgarage.php?do=thumb&amp;width=175&amp;id=$image[vbgarageid]" alt="$image[name]" border="0" /></a> 


upload your css & .js files of course and the hack is complete.. no need to reinstall vbgarage for those that have it already

p.s i dont have vbseo

[Xoxideforums]

Like I said it's my first hack I just put in everything that I knew was needed to install it fully

but it's good to see that it works without vbseo

[xtreme2]

hey bouncer, I did what you said, and when I click on the images everything pops up, but it doesn't have teh prev/next and close X buttons visible. You can tell they are there when you scroll over, but you cannot actually see them... any idea why?

http://forums.probe-enthusiast.com/v...p?do=view&id=5

there is the link to my personal vbGarage site... you can see what it is doing there...

[tbroush]

your making it more difficult then it really is...

all you need to do is add the


PHP Code:
<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" />

above $headinclude on the viewgarage template

and change the imagebits template to

PHP Code:
[<a style="cursorointer; cursor-hand" href="vbgarage.php?do=getimage&amp;id=$image[vbgarageid]" rel="lightbox[$data[userid]]"><img src="$vboptions[bburl]/vbgarage.php?do=thumb&amp;width=175&amp;id=$image[vbgarageid]" alt="$image[name]" border="0" /></a>


upload your css & .js files of course and the hack is complete.. no need to reinstall vbgarage for those that have it already

p.s i dont have vbseo

It work like a charm thanks very cool.

[FROGGYJ]

cool idea...but when I go to your site as an example you can't see the next and prev buttons by default..you can see the close. The only way I found the other buttons was moving my mouse around and somehow came across them and then they popped up. This was tested with both IE and Firefox. That is a must fix.