The Arcive of Official vBulletin Modifications Site.

Lightbox/ThickBox works with Inline Editing · **Released**: 09-12-2006

Hey all,

Just thought id release this mod which is a fix to the previous lightboxes on vb that break the:

inline quick-edit feature
multi quote

Also the prev lightboxes on here were abit heavy on the size front. this one weighs in at 27kb, and i think it looks nicer anyway.

Demo: Here

Step 1: Download the file attached and upload its contents to your forum root or wherever you want (just remember the path)

Step 2: Modify the template headinclude and add this to the bottom,

Code:

<if condition="THIS_SCRIPT=='showthread' OR THIS_SCRIPT=='showpost'">
<link rel="stylesheet" href="css/thickbox.css" type="text/css" />
</if>

Step 3: Modify the template postbit/postbit_legacy and add this to the very top,

Code:

<if condition="$show['thumbnailattachment']">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
</if>

Step 4: Modify the template postbit_attachmentthumbnail and add this to the a href tag,

Code:

rel="gallery-thumbs" class="thickbox"

this may work on previous versions of vb but dont quote me on that as its untested on prev versions.

click install if you find this useful

nJoy.

..........

Update: The CSS file in the package was an old one and it was clashing with postbit_legacy, please use the new css file in the package on the right.

Update 2: This is the final update of this hack, i have removed the scrolling annoyance for larger images, they will display fully on the page. If you want the new update use the second attachment on the right.

radarhunter · #82 11-06-2006, 12:36 PM

well it worked for me

<head><if condition="THIS_SCRIPT=='showthread' OR THIS_SCRIPT=='showpost'">
<link rel="stylesheet" href="css/thickbox.css" type="text/css" />
</if></head>

by inclucding the first code in <head> tags

JohnBee · #83 11-29-2006, 10:43 PM

thanks for this, it works great! much better than the older lightbox script.
It's slower loading though...

Kihon Kata · #84 01-23-2007, 07:03 PM

Installs! One issue for me is if I have many attached images, it doesn't work on image #1....only 2 and up. Why would this be?

frozt · #85 02-12-2007, 10:53 AM

I can't get this to work in FF2 at all.

IE7 shows the pictures pixelated. If I remove the width and height properties of the img tag it work as expected except that the white frame doesn't cover the image anymore.

Any clues?

frozt · #86 02-12-2007, 11:20 AM

Btw, how can I make it so that the image is always displayed in its original size? I run a graphics forum and there is no point in not showing images full sized.

Hexemer · #87 04-13-2007, 06:02 PM

Works very good

kevcj · #88 05-10-2007, 11:52 PM

Where do I put the href rel="gallery-thumbs" class="thickbox" at?? I looked in the template, but where do I insert the code at??

Step 4: Modify the template postbit_attachmentthumbnail and add this to the a href tag,

Code:

rel="gallery-thumbs" class="thickbox"

4x4 Mecca · #89 05-16-2007, 02:29 AM

Quote:

Where do I put the href rel="gallery-thumbs" class="thickbox" at?? I looked in the template, but where do I insert the code at??

Step 4: Modify the template postbit_attachmentthumbnail and add this to the a href tag,

Code:

rel="gallery-thumbs" class="thickbox"

Right after the <a

============

To add a link that can allow the user to view the full size image, open thickbox.js and find

Code:

TB_NextHTML + "

RIGHT AFTER IT ADD

Code:

 (<a href="+url+">Full Size</a>)

Adam21 · #90 05-19-2007, 07:11 AM

How do you specify the thickbox width and height?i suppose its in the thickbox.js?

ruhrpottforum · #91 05-20-2007, 12:17 PM

Is it possible to modify this hack to display a banner (html code) under or beside the attached image?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06783 seconds Memory Usage 2,309KB Queries Executed 25 (?)
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 (5)bbcode_code (1)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 (4)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_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!