Adding Lightbox to Attachment thumbs
 

Adding Lightbox to Attachment thumbs
Overview
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

-This hack allows you to add the famous lightbox to attachment thumbnails.

- This makes users see attached images easilly, without having to open another page.

- It can be completly customised, to fit into your skin design, from css.

Installation - Very easy.

Download and upload the contents of upload folder into your forum root.

Template Edits.

Step1: Open headinclude, and insert this inside <heade></head>

click Save.

Step2: Now Open postbit_attachmentthumbnail

Find: Replace With: Thats it Enjoy The hack.

Demo: http://forums.winkeyfinder.com/showthread.php?p=1502

Note: It doesn't work if I click an image link before the page has finished loading.
The script is activated only after the page has finished loading.
Thank you!

All the Credit goes to huddletogether.com, for devloping such a beautifull script.

installed ;) its really good i love it :)

wicked i will be installing

Where exactly are you supposed to put that in the headinclude template? At the very top?

Im also a little confused where the files are uploaded to.....

Thanks for this. I installed it, it's great. :)

When I installed it though, it didn't work.
I think that the second edit should be

Note the lightbOx

instead of

EDIT: imranbaig has a better solution

Sorry for that typo error.
In the headinclude template Paste it below this.

Thanks imranbaig.

One question. As with the other lightbox mods that can be found on this site, also yours gives the problem that the quick edit does not work. It saves the data but it doesn't close the quick edit box. Would you happen to know how to fix this?

Well this is due the the script, I think the author of the scriipt has few tips for Collision of scripts, Here is the link = http://www.huddletogether.com/projects/lightbox2/ Look into support part.

Also If you want to have it like gallery where it shows Next and Prev Links in lightbox, just change rel="lightbox" to rel="lightbox[whatever]"

Well, I followed the instructions to the letter, yet it does not work. I uploaded all the files and made the edits. When I click on the thumbnail in my forums, it just displays it like it always did b4.

See for yourself.
http://www.pcinfoman.com/vbb350/show...?p=193#post193
Username: testing
Password: testing

Ideas?

Make you sure you used:

<a rel="lightbox" ....

instead of

<a rel="lightbpx" ....

Hey man, You have it like <a rel="lightbpx" , pls change it to <a rel="lightbox" this happend while I was typing it. Sorry about it.
I cant edit the above post to correct it, If any mod can it will help many others who will implement this.
Thanks.

Thanks for this hack :)

it work for me if i put this: <a rel="lightbox" .... .... and no <a rel="lightbpx" ....

Click install ^^

There are a problem

Under FF, Attachment thumbs, it's ok, but with IE, Attachment thumbs don't show

and looking this:

https://vborg.vbsupport.ru/

D'Oh!! Thanks. That fixed it.

Yes, same problem here. I guess it is not an easy thing to fix :surprised:

We looked at this lightbox script awhile ago but the filesize payload on those .js files is way too heavy. Take a look at them and decide if you want members to pay that download hit when viewing your site. I wouldn't use it on high traffic site or for sites where users are not on broadband

This problem is nothing to do with hack, You are effectively adding one rel tag to yur anchor tag, thats all and nothing.
Try removing the hack, and see if it still has the same problem.

Can you give me access to your admincp, I will try and fix it?

mvigod, You can easilly creat a Conditional statement which will enable this hack only for a certain group of members.
If you want help in this pm me.

Hi imranbaig,
thanks for the help, but I've tried your mod (installed it from scratch twice) as well as other similar mods. The result has always been the same. I've also seen in the threads of these other hacks, people having the exact same problems.

I know it is not a problem of how you coded the hack. I love it and I appreciate the time you put on this, but I can only imagine that the javascript that comes with lightbox is causing problems with some vb javascript.
There are obviously problems with the way lightbox integrates with vb, since lightbox wasn't written for vb originally. So when I said "I guess it is not easy to fix" I didn't mean that as in fixing your hack. I was just saying that it is probabily not easy to modify the lightbox code so that it doesn't break certain vb features.

Yes, by removing the hack everything turns back to normal.

Support on the lightbox authors site, about various issues, is not helpful in this case.

Anyway, thanks for the hack and support. I didn't mean to be unappreciative towards your work.

No fix bug ?

My version from 3.5 still works perfectly with 3.6, and even has some extra options and info in the thread, and doesnt have the undefined error if you are looking for a fix for that.

https://vborg.vbsupport.ru/showthread.php?t=115701

Hi,
does inline editing work with your hack installed?

yes,

everything works perfect. This version of the hack is missing a few vBulletin specific items it needs to function correctly.

While mine works perfectly within the vBulletin pages

Verry shine thank you...

what does this plugin do when the attachment is ".rar", ".zip" or else?

I know that a modification I did, which used javascript interaction with Quick-Reply, didn't work in Internet Explorer. I tried four methods of doing the same thing, same result every time. Code validated, no errors or issues. It just didnt work. IE seemed to have problems with the textarea being the target of two javascript functions from different places. It is, to be fair, a very bugged browser and it worked perfectly in every other browser for every method I tried so I could only conclude that it was some kind of issue with IE and I ended up restricting the modification with a conditional that barred it from loading in IE.

Might have been some kind of browser-specific shennanigans in the forum code itself I suppose.

.rar and other files work fine with out a problem,..
Check it here: http://forums.winkeyfinder.com/showthread.php?t=1199

I have the exact same problem on my forum, but my attached file shows at the bottem, and when I submit it the thumb. on the forum works perfectley but I got the same problem as you, says " undefined (undefined) "

http://www.boostconcept.com/forum/WTF.png

Works Great thanks!! I had the same script on my home page it ties in great now to have it on the forums! Thanks a ton!!

*Clicks install!

www.sectionviiiclan.com

im getting that undefined problem aswell :(

Installed and working perfectly.
Could you please explain a little more how to exactly add the gallery style function(next/prev)?

Thanks! :)

Thanks for the hack! I'll install it right away... :)

quick edit does not work,how do i?

Once I removed the javascript in the headinclude, that undefined all over problem mentioned many times in this thread disappeared

I'm getting an error on vBulletin editor in font size.
This is a great plug-in, but need a little bit of improvement. Working with version 3.6.0.

Sorry, but I can't get this to work.

Did all edits and uploads as described and nothing happened. btw: does it take affect when using custom styles? If so, other upload locations may be required.

Please be more precise where the file have to be uploaded. I loaded all files to forum root and several other folders and get always same result - nothing changed, no lightbox. It depends NOT on browser, because FF won't do it also. I tried IE, FF, Netscape and Deepnet without any success. Have to change back to default attachments.

In some cases you need to rebuilt forum cache or forum information.

Same here!!! Plus the UNDEFINED error mentioned earlier. I wished it worked cause I love this hack and so did my members.

Reverted template headinclude and that fixed it but of course, removed lightbox.

Is there any fix to this? It shouldn't be hard since it doesn't change anything relevant.

Dunno.....I don't think it is actually the script in the headerinclude so much as it is the js files in the js directory. I think this because I was able to correct the problem by renaming the js folder to js.whatever which effectively renders the files in that folder unusable to lighbox.

Me thinks one of the .js files is the problem.

I run 3.6.0 and only experience issues in advanced or wysiwyg editor modes, which of course are the only modes that use those drop-down menus.

Dodgeboard.com clicks *uninstalled*