Lightbox/ThickBox works with Inline Editing

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,

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

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

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.

[soletrader]

I have a problem with the hack... it till take me to the loading page but will not show any image. Any suggestions? Thank you

[redgoals22]

what is the website?

[soletrader]

www.TradersLaboratory.com

try loggin in with username redgoals22, pass: redgoals22

visit: http://www.traderslaboratory.com/for...2.html#post788

Thanks

[redgoals22]

Originally Posted by soletrader

www.TradersLaboratory.com

try loggin in with username redgoals22, pass: redgoals22

visit: http://www.traderslaboratory.com/for...2.html#post788

Thanks

2 problems.

1. the attachment link is pointing to an invalid file

2. you copied the code wrong at step 4,

change:
gallery-thumbs="" class="thickbox"

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

[soletrader]

Edited

[redgoals22]

Originally Posted by soletrader

That is the code I used:




Anything wrong with this coding? Thanks

do it like this at step4

<a rel="gallery-thumbs" class="thickbox" href=

[soletrader]

Thank you very much redgoal.... I managed to get it to work.

Great hack

First to install!

[redgoals22]

Originally Posted by soletrader

New code but still not working.

seems to be working fine here.. have u refreshed ur page?

ps: can u remove the code above in ur 2posts its stretching ma thread , thanks

[soletrader]

Is there anyway to expand the lightbox to fit the actual image size?