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:	3140
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 19:21
Add-On Releases Lightbox/thickbox for attachment on CMPS module rapidphim vBulletin 3.6 Template Modifications 5 15 Oct 2007 23:04

  #61  
Old 23 Jan 2007, 20:33
Kihon Kata's Avatar
Kihon Kata Kihon Kata is offline
 
Join Date: Nov 2003
bump! any fixes?
__________________
3MultiMedia.com - Simple, Effective CMS WebDesign
Reply With Quote
  #62  
Old 14 Feb 2007, 01:11
nul7 nul7 is offline
 
Join Date: Oct 2006
Real name: Frank
This mod has caused me many headaches. lol The actual mod worked great... attachments opened with lightbox, but for the last few days we've had this problem:



It was like that in both the font selector and the size selector. I've been hunting the cause relentlessly trying to figure out wtf is causing it. Then I remembered this mod and "uninstalled" it. Now it's back to normal. Good idea... poorly executed.
Reply With Quote
  #63  
Old 24 Feb 2007, 18:44
vietConnecting vietConnecting is offline
 
Join Date: Jul 2006
Originally Posted by nul7 View Post
This mod has caused me many headaches. lol The actual mod worked great... attachments opened with lightbox, but for the last few days we've had this problem:



It was like that in both the font selector and the size selector. I've been hunting the cause relentlessly trying to figure out wtf is causing it. Then I remembered this mod and "uninstalled" it. Now it's back to normal. Good idea... poorly executed.
Aha, you need clear in headinclude:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Open Main CSS and paste to below of Additional CSS Definitions box:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
End!

Last edited by vietConnecting; 24 Feb 2007 at 18:47.
Reply With Quote
  #64  
Old 25 Feb 2007, 01:47
Lord Kirken Mor's Avatar
Lord Kirken Mor Lord Kirken Mor is offline
 
Join Date: Nov 2006
Whats the reasoning why someone would add this? The demo link shows something else.
__________________
Reply With Quote
  #65  
Old 01 Mar 2007, 12:02
imranbaig imranbaig is offline
 
Join Date: Sep 2005
Real name: Imran
The Demo site went through lots of upgrades and changes.
Probably I will update this with slimbox.
Reply With Quote
  #66  
Old 29 Mar 2007, 01:58
honestdave's Avatar
honestdave honestdave is offline
 
Join Date: Jul 2006
i think about 20% of our members can't see the attachments. so we will probably try to make this an additional option that members can switch on.
__________________
designer jeans forum | designer jeans blog
Reply With Quote
  #67  
Old 06 Oct 2007, 08:53
MR.BOSS MR.BOSS is offline
 
Join Date: Sep 2007
i need help please! [email protected]
Reply With Quote
  #68  
Old 06 Oct 2007, 23:30
Land Land is offline
 
Join Date: Sep 2007
Lovely mod! Installed.
Reply With Quote
  #69  
Old 07 Oct 2007, 00:42
Land Land is offline
 
Join Date: Sep 2007
Originally Posted by Sean S View Post
Here is what you guys have to do to get rid of those errors that you have been getting, put an if condition around the script,


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

This fixed editor wysiwyg problems!
Reply With Quote
  #70  
Old 09 Oct 2007, 14:04
Land Land is offline
 
Join Date: Sep 2007
I found new issues... unistalled.
It's a pity, it could be a nice mod.
Reply With Quote
  #71  
Old 17 Oct 2007, 17:54
sleeper99 sleeper99 is offline
 
Join Date: May 2007
Originally Posted by Logician View Post
To avoid the errors, apply installation step 1 to SHOWTHREAD template only (before </head> tag) , rather than headerinclude template. This should fix your problems..
This worked for me!! Thanks
Reply With Quote
  #72  
Old 17 Oct 2007, 22:19
tiredoff tiredoff is offline
 
Join Date: Apr 2007
I am using vbulletin 3.6.8 and i dont find <heade></head> in headinclude
any solution?
Reply With Quote
  #73  
Old 17 Oct 2007, 22:34
Andyucs's Avatar
Andyucs Andyucs is offline
 
Join Date: Nov 2006
Real name: Andy
is there any way to make the images open up at say 600px x 600px

and have an enlarge button

i installed it and some members images are massive and blow full size

i need to control this

uninstalled till i get some info

nice work by the way
__________________
Regards Andy
Reply With Quote
  #74  
Old 25 Oct 2007, 14:01
utw-Mephisto utw-Mephisto is offline
 
Join Date: Feb 2005
Originally Posted by tiredoff View Post
I am using vbulletin 3.6.8 and i dont find <heade></head> in headinclude
any solution?
Same here ...
Reply With Quote
  #75  
Old 31 Jan 2008, 01:05
k007 k007 is offline
 
Join Date: Jan 2008
you dont need to put it between <head></head> just place anywhere in the headerinclude, here is what my code looks like..

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

if you want place the css file under the vbulletin_css directory just change the start of every image url to "../../images.."
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 07:20.

Layout Options | Width: Wide Color: