The Arcive of Official vBulletin Modifications Site.

Adding Lightbox to Attachment thumbs · **Released**: 08-05-2006

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>

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

click Save.

Step2: Now Open postbit_attachmentthumbnail

Find:

Code:

<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:

Code:

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

sleeper99 · #72 10-17-2007, 03:54 PM

Quote:

Originally Posted by Logician

To avoid the errors, apply installation step 1 to SHOWTHREAD template only (before </head> tag) , rather than headerinclude template. This should fix your problems..

This worked for me!! Thanks

tiredoff · #73 10-17-2007, 08:19 PM

I am using vbulletin 3.6.8 and i dont find <heade></head> in headinclude
any solution?

Andyucs · #74 10-17-2007, 08:34 PM

is there any way to make the images open up at say 600px x 600px

and have an enlarge button

i installed it and some members images are massive and blow full size

i need to control this

uninstalled till i get some info

nice work by the way

utw-Mephisto · #75 10-25-2007, 12:01 PM

Quote:

Originally Posted by tiredoff

I am using vbulletin 3.6.8 and i dont find <heade></head> in headinclude
any solution?

Same here ...

k007 · #76 01-30-2008, 11:05 PM

you dont need to put it between <head></head> just place anywhere in the headerinclude, here is what my code looks like..

Code:

<if condition="THIS_SCRIPT == 'showthread'">
<script type="text/javascript" src="clientscript/prototype.js"></script>
<script type="text/javascript" src="clientscript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="clientscript/lightbox.js"></script>
<link rel="stylesheet" href="clientscript/vbulletin_css/lightbox.css" type="text/css" media="screen" /></if>

if you want place the css file under the vbulletin_css directory just change the start of every image url to "../../images.."

Edward S · #77 01-31-2008, 09:41 PM

The Demo link for this says I have to post at least 'two' messages to be able to see the any attachments?

Uh... pass!

darkakira · #78 03-24-2008, 09:46 PM

Apparently this also makes it so IE users can't post. At least that's what it does on vB3.6.8. PL2.

I'm looking into fixing it, but for now I must uninstall it from my main site.

RFViet · #79 03-29-2008, 04:12 PM

MQuote doesn't work with this Mod !!!!

mrusdy · #80 04-09-2008, 02:19 PM

problem to my VB Editor

donnie_ogm · #81 07-13-2008, 07:44 PM

Hi I'm not sure this is the right place to post but I've got a problem...
I'm running now the 3.7 on my forum and this version should have this wonderful hack integrated.
It seems to be so since I found and activated this option in ACP.

But even if it's turning on it doesn't work and if I click a thumbnails in attachment it still load in a different page.

What could be the problem, please let me know something....

bye

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05327 seconds Memory Usage 2,310KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (4)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!