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.

[Mr_Devlin]

Originally Posted by 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.

No, it works when using the newest files posted in thread. Take care to modify the codes to match your settings!

[Kanustep]

And where I can change it?

[soletrader]

I have installed geeks article system and seem to encounter one problem. The lightbox does not work with attachments placed inside the article hack.

Would you know how I can fix this problem? thank you

[|oR|Greg]

redgoals22:

I would love to be able to do this to my vBPicGallery... I tried a few things but it didn't work. I'm sure it's simple for you to do, any help would be appreciated.

[redgoals22]

Originally Posted by Mr_Devlin

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:


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!

peepz can put the files wherever they want as long as they reference them properly

[redgoals22]

Originally Posted by |oR|Greg

redgoals22:

I would love to be able to do this to my vBPicGallery... I tried a few things but it didn't work. I'm sure it's simple for you to do, any help would be appreciated.

ive only really tried this with standard vbulletin, but im sure it can be intergrated with any other system. try removing the conditionals in step3 and step4 to see if it works, then work your way from that.

[redgoals22]

Originally Posted by soletrader

I have installed geeks article system and seem to encounter one problem. The lightbox does not work with attachments placed inside the article hack.

Would you know how I can fix this problem? thank you

as my prev post, try removing the conditionals from step3 and step4 to see if works, if it does then try and work out what conditional would be needed (if any)

[redgoals22]

Originally Posted by Kanustep

And where I can change it?

https://vborg.vbsupport.ru/showpost....0&postcount=13

[Benj]

Originally Posted by redgoals22

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

yeah

[Kanustep]

Originally Posted by redgoals22

https://vborg.vbsupport.ru/showpost....0&postcount=13

That's is what I have downloaded and still don't have a fixed position.

The hack take too much time to load some images. I try to compress the Javascript but don't work with compression. Is possible to make it more fast?