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>

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

click Save.

Step2: Now Open postbit_attachmentthumbnail

Find:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;stc=1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a>
&nbsp;<if condition="$show['br']"><br /><br /></if>

Replace With:

 <a rel="lightbox" href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;stc=1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a>
&nbsp;<if condition="$show['br']"><br /><br /></if>

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.

[Ntfu2]

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

[effectica]

Originally Posted by Ntfu2

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?

[Ntfu2]

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

[aycan555]

Verry shine thank you...

[mahakala]

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

[ForumDog]

Originally Posted by effectica

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.

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.

[imranbaig]

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

[upsetter]

Originally Posted by Allan

There are a problem

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

and looking this:

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

[tappedout]

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

[P.Jackson]

im getting that undefined problem aswell