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.

[Kanustep]

Originally Posted by redgoals22

you have a problem with your attachments they seem to be taking forever to load, i suspect you are storing your attachments in database? if so i would consider if i was you to move then to filesystem.

Thank you for checking that out. But the settings are right, I have set it to store in filesystem from the beginning.

What else could be?

[redgoals22]

Originally Posted by Kanustep

Thank you for checking that out. But the settings are right, I have set it to store in filesystem from the beginning.

What else could be?

try re-uploading a copy of your attachment.php file, it looks like vbulletin is not sending the "size" of the attachment back to the browser which is why the image takes forever to load.

[|oR|Greg]

Originally Posted by redgoals22

can u give a link to a page which contains attachment links for lghtbox?

Sure, this page is the gallery is a members car. I have allowed guests to view full sized images, so you can click any of her thumbs and see it brings you to a full sized picture with a different script.

http://www.amacny.com/vb/vbpicgallery.php?do=view&g=16

[Snake]

Very nice!

[redgoals22]

Originally Posted by |oR|Greg

Sure, this page is the gallery is a members car. I have allowed guests to view full sized images, so you can click any of her thumbs and see it brings you to a full sized picture with a different script.

http://www.amacny.com/vb/vbpicgallery.php?do=view&g=16

looks like the javascript files are not loading onto the page, in step 3 change the code to this

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

im not sure where you have put that code (ie which template) but that code needs to present on the page above.

[|oR|Greg]

That code is already at the top of the vbpicgallery_main template which houses the imagebits template which is where i but the href stuff. I didn't put the rel="gallery-thumbs" though because vBP holds its pics inside the main DB, but separate from vBs attachments.

[redgoals22]

Originally Posted by |oR|Greg

That code is already at the top of the vbpicgallery_main template which houses the imagebits template which is where i but the href stuff. I didn't put the rel="gallery-thumbs" though because vBP holds its pics inside the main DB, but separate from vBs attachments.

i had a look at the source code and it does seem you did put rel="gallery-thumbs" in the attachment link which is gud otherwise it wud totally not work.

you just need to get step 3 sorted so that the .js files are also loaded on the page which they currently are not, this can be done by adding the step3 code to the main template which loads this page http://www.amacny.com/vb/vbpicgallery.php?do=view&g=16 , you would know which template that is. the code in step3 needs to be :

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

[|oR|Greg]

Found it!!! I was in the wrong template it turns out. I'll make a tutorial based off your hack red, with your permission of course.

The only question I have, how come when an image is too big for the screen, the box comes up but you can't scroll up or down, the image follows you and it sucks... ?

[redgoals22]

Originally Posted by |oR|Greg

Found it!!! I was in the wrong template it turns out. I'll make a tutorial based off your hack red, with your permission of course.

The only question I have, how come when an image is too big for the screen, the box comes up but you can't scroll up or down, the image follows you and it sucks... ?

nice, be my my guest.

check this post for what you want https://vborg.vbsupport.ru/showpost....0&postcount=13 you will have to clear ur cache/refresh the page or rename the js files to see any changes.

[|oR|Greg]

Originally Posted by redgoals22

nice, be my my guest.

check this post for what you want https://vborg.vbsupport.ru/showpost....0&postcount=13 you will have to clear ur cache/refresh the page or rename the js files to see any changes.

I updated the files, no difference, to see what I mean go here.
http://www.amacny.com/vb/vbpicgallery.php?do=view&g=4
and click on the long picture of my car, you cant scroll past the borders to get the the close/next/prev buttons... the pic follows you.