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.

[effectica]

Originally Posted by bitg

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

[imranbaig]

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.

[Allan]

Thanks for this hack

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

Click install ^^

[Allan]

There are a problem

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

and looking this:

[Holidazed]

Originally Posted by effectica

Make you sure you used:

<a rel="lightbox" ....

instead of

<a rel="lightbpx" ....

D'Oh!! Thanks. That fixed it.

[effectica]

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:

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

[mvigod]

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

[imranbaig]

Originally Posted by effectica

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

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.

[effectica]

Originally Posted by imranbaig

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.

You are effectively adding one rel tag to yur anchor tag

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.

Try removing the hack, and see if it still has the same problem.

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.

[Allan]

No fix bug ?