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,

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

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

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

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.

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

what is the website?

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 http://www.traderslaboratory.com/for...6overnight.jpg
2. you copied the code wrong at step 4,

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

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

Edited

do it like this at step4

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

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

Great hack :)

First to install!

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

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

i dont quite understand, when you click the link for the attachment the lightbox will open up the image to its fullsize or are you looking for something different?

My mistake.. i thought the lightbox forced the images into a certain size.

heres another version of the same script, but it will allow for larger sized attachments to be displayed full-size on the page

if u find it useful click install :rolleyes:

edit: slight problem with the attachment it has been updated.
edit2: apologies for the attachment, it contained an old css file which was clashing with postbit_legacy, please use the new attached package

Thanks redgoals. Great hack!

had to uninstall. It was messing up the style of postbitlegacy. If I take out the headinclude edit everything is back to normal.

it could be the css file, try the one attached to see if it works

yea that fixed it.

mmmm am i missing something. ive set Thumbnail Creation to yes but my attached images are still coming up as links?

Should I use the new css file as well?

whats the website?

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

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

At step3 modify the code to read

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

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

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

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?

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!

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!

And where I can change it?

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

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.

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

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.

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)

yeah :(

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?