Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Adding Lightbox to Attachment thumbs Details »
Adding Lightbox to Attachment thumbs
Mod Version: 1.00, by imranbaig (Member) imranbaig is offline
Developer Last Online: Aug 2013 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.6.0 Rating: (2 votes - 5.00 average) Installs: 74
Released: 06 Aug 2006 Last Update: Never Downloads: 388
Not Supported  

Adding Lightbox to Attachment thumbs
Overview
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

-This hack allows you to add the famous lightbox to attachment thumbnails.

- This makes users see attached images easilly, without having to open another page.

- It can be completly customised, to fit into your skin design, from css.

Installation - Very easy.

Download and upload the contents of upload folder into your forum root.

Template Edits.

Step1: Open headinclude, and insert this inside <heade></head>


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

click Save.

Step2: Now Open postbit_attachmentthumbnail

Find:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace With:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thats it Enjoy The hack.

Demo: http://forums.winkeyfinder.com/showthread.php?p=1502

Note: It doesn't work if I click an image link before the page has finished loading.
The script is activated only after the page has finished loading.

Thank you!

All the Credit goes to huddletogether.com, for devloping such a beautifull script.

Download Now

Only licensed members can download files, Click Here for more information.

Addons

Screenshots

Click image for larger version

Name:	lightbox-integration.jpg
Views:	3141
Size:	98.7 KB
ID:	51714  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
vBulletin Attachment Lightbox Ntfu2 vBulletin 3.5 Template Modifications 199 20 Aug 2008 18:21
Add-On Releases Lightbox/thickbox for attachment on CMPS module rapidphim vBulletin 3.6 Template Modifications 5 15 Oct 2007 22:04

Comments
  #2  
Old 06 Aug 2006, 19:59
Terminatoronly's Avatar
Terminatoronly Terminatoronly is offline
 
Join Date: Mar 2006
installed its really good i love it
Reply With Quote
  #3  
Old 06 Aug 2006, 19:59
Benj's Avatar
Benj Benj is offline
 
Join Date: May 2006
wicked i will be installing
Reply With Quote
  #4  
Old 06 Aug 2006, 20:15
Oddjob Oddjob is offline
 
Join Date: Jan 2006
Where exactly are you supposed to put that in the headinclude template? At the very top?

Im also a little confused where the files are uploaded to.....
Reply With Quote
  #5  
Old 07 Aug 2006, 00:05
effectica effectica is offline
 
Join Date: Jan 2006
Thanks for this. I installed it, it's great.

When I installed it though, it didn't work.
I think that the second edit should be


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Note the lightbOx

instead of


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #6  
Old 07 Aug 2006, 00:09
effectica effectica is offline
 
Join Date: Jan 2006
Originally Posted by Oddjob
Where exactly are you supposed to put that in the headinclude template? At the very top?

Im also a little confused where the files are uploaded to.....

EDIT: imranbaig has a better solution

Last edited by effectica; 07 Aug 2006 at 11:48.
Reply With Quote
  #7  
Old 07 Aug 2006, 11:40
imranbaig imranbaig is offline
 
Join Date: Sep 2005
Real name: Imran
Sorry for that typo error.
In the headinclude template Paste it below this.

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #8  
Old 07 Aug 2006, 11:50
effectica effectica is offline
 
Join Date: Jan 2006
Thanks imranbaig.

One question. As with the other lightbox mods that can be found on this site, also yours gives the problem that the quick edit does not work. It saves the data but it doesn't close the quick edit box. Would you happen to know how to fix this?
Reply With Quote
  #9  
Old 07 Aug 2006, 12:13
imranbaig imranbaig is offline
 
Join Date: Sep 2005
Real name: Imran
Well this is due the the script, I think the author of the scriipt has few tips for Collision of scripts, Here is the link = http://www.huddletogether.com/projects/lightbox2/ Look into support part.

Also If you want to have it like gallery where it shows Next and Prev Links in lightbox, just change rel="lightbox" to rel="lightbox[whatever]"
Reply With Quote
  #10  
Old 07 Aug 2006, 17:47
Holidazed's Avatar
Holidazed Holidazed is offline
 
Join Date: May 2002
Well, I followed the instructions to the letter, yet it does not work. I uploaded all the files and made the edits. When I click on the thumbnail in my forums, it just displays it like it always did b4.

See for yourself.
http://www.pcinfoman.com/vbb350/show...?p=193#post193
Username: testing
Password: testing

Ideas?
Reply With Quote
  #11  
Old 07 Aug 2006, 17:53
effectica effectica is offline
 
Join Date: Jan 2006
Originally Posted by bitg
Well, I followed the instructions to the letter, yet it does not work. I uploaded all the files and made the edits. When I click on the thumbnail in my forums, it just displays it like it always did b4.

See for yourself.
http://www.pcinfoman.com/vbb350/show...?p=193#post193
Username: testing
Password: testing

Ideas?
Make you sure you used:

<a rel="lightbox" ....

instead of

<a rel="lightbpx" ....
Reply With Quote
  #12  
Old 07 Aug 2006, 18:47
imranbaig imranbaig is offline
 
Join Date: Sep 2005
Real name: Imran
Hey man, You have it like <a rel="lightbpx" , pls change it to <a rel="lightbox" this happend while I was typing it. Sorry about it.
I cant edit the above post to correct it, If any mod can it will help many others who will implement this.
Thanks.
Reply With Quote
  #13  
Old 07 Aug 2006, 19:38
Allan's Avatar
Allan Allan is offline
 
Join Date: Jun 2003
Real name: allan
Thanks for this hack

it work for me if i put this: <a rel="lightbox" .... .... and no <a rel="lightbpx" ....

Click install ^^
__________________
-------------------------------------------------------------------------------------------
Administrator vBulletin-Ressources.com, French vBulletin Resources.
Reply With Quote
  #14  
Old 07 Aug 2006, 20:29
Allan's Avatar
Allan Allan is offline
 
Join Date: Jun 2003
Real name: allan
There are a problem

Under FF, Attachment thumbs, it's ok, but with IE, Attachment thumbs don't show

and looking this:

__________________
-------------------------------------------------------------------------------------------
Administrator vBulletin-Ressources.com, French vBulletin Resources.
Reply With Quote
  #15  
Old 07 Aug 2006, 22:33
Holidazed's Avatar
Holidazed Holidazed is offline
 
Join Date: May 2002
Originally Posted by effectica
Make you sure you used:

<a rel="lightbox" ....

instead of

<a rel="lightbpx" ....
D'Oh!! Thanks. That fixed it.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 23:25.

Layout Options | Width: Wide Color: