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.

[redgoals22]

Originally Posted by soletrader

Should I use the new css file as well?

yes it could cause problems by clashing with postbit_legacy if u decide to use postbit_legacy in the future

[Benj]

Originally Posted by redgoals22

whats the website?

just pmed you

[redgoals22]

Originally Posted by Benj

just pmed you

u havent got thumbnails enabled, so change step4 and modify the template postbit_attachment and add the code below to the a href tag

<a rel="gallery-thumbs" class="thickbox" href="attachment.php....

At step3 modify the code to read

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

[ronoxQ]

Sweet! Somebody finally made a jQuery mod for vB! *hugs*

I'll install once you get the bugs ironed out.

[Benj]

Originally Posted by redgoals22

u havent got thumbnails enabled, so change step4 and modify the template postbit_attachment and add the code below to the a href tag

<a rel="gallery-thumbs" class="thickbox" href="attachment.php....

At step3 modify the code to read

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

i know that thats why i asked what settings i need to change to make thumbnails appear. i have made the changes. its made no difference supprisingly because thumbnails are not showing even know thumbnail creation is on "YES" that why i asked is there something or some setting im missing .....

[redgoals22]

Originally Posted by Benj

i know that thats why i asked what settings i need to change to make thumbnails appear. i have made the changes. its made no difference supprisingly because thumbnails are not showing even know thumbnail creation is on "YES" that why i asked is there something or some setting im missing .....

did u just enable thumbnail creation? if so vbulletin may not have generated thumbnails for your old attachments, try uploading a new attachment and see if a thumb is generated... if it doesnt you havent got gd library installed in php

[Benj]

mmmm its on yes! and it just shows the link

my php info shows i have gd

gd
GD Support enabled
GD Version bundled (2.0.28 compatible)
FreeType Support enabled
FreeType Linkage with freetype
GIF Read Support enabled
GIF Create Support enabled
JPG Support enabled
PNG Support enabled
WBMP Support enabled
XBM Support enabled

[redgoals22]

Originally Posted by Benj

mmmm its on yes! and it just shows the link

my php info shows i have gd

did u try to upload a new attachment and see if a thumb is generated?

[Mr_Devlin]

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>

you need to edit this code to match your upload folder. In general you will use the clientscript folder for the Javascript-Uploads. So change the loaction in the code to:

<script type="text/javascript" src="clientscript/jquery.js"></script>
<script type="text/javascript" src="clientscript/thickbox.js"></script>

Maybe you have to upload all files to your special style folders too when using different styles and change the code to match your settings.

The thickbox.css should be uploaded to forum root!

[Kanustep]

A little bug/error, if the image is large (in vertical) than the screen, if you want to see the full image you can't. The image will follow you and you will not be able to see the edges or close button for example.