Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
vBulletin Attachment Lightbox Details »
vBulletin Attachment Lightbox
Mod Version: 1.00, by Ntfu2 (Member) Ntfu2 is offline
Developer Last Online: Jan 2010 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.4 Rating: (1 vote - 5.00 average) Installs: 95
Released: 15 May 2006 Last Update: Never Downloads: 416
Not Supported  

//////////////////////////////////////////////////////////////////\
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/
****LightBox for vBulletin Attachments By: Dave @ FightRice.com****
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/
//////////////////////////////////////////////////////////////////\
Ogrinal Version: ALl credit should go there, I Simply ported to vBulletin by myself
View Second Post In Thread for more modifications:

What this hack does is add a nice CSS and Javascript lightbox effect
to your forums attachments. Attachments must be set to shown as thumb-
nails and not inline. Attachments can not be posted using the [attach]
id[/attach] bbCode at this time.

Working Demo(s): (Send me your URL once you get it working) http://www.fightrice.com/forums/showthread.php?t=124

Now Lets Get Started

1. Open your adminCP - Styles and Templates - Template Manager - Postbit
Templates - postbit OR postbit_legacy (only edit both if you use both)
At The Very Top Add

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

Save and close

2. Next open postbit_attachmentthumbnail find <a after add

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

Save and close

3. Next Open the headinclude template 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.

Save and close

Thats all for template edits:
Now upload the contents of the clientscript into your forums. You should end up with this structure
/forums/clientscript/vbulletin_css/lightbox.css
/forums/clientscript/ - All the .js files go inside this folder

Next Upload the images into the webroot.ex
http://www.yoursite.com/images/lightboximages.gif (note this isnt an actual image, its an example)

Thats all there should be

User Configuration Options below If you do not feel comfortable doing this, dont
its not neccasary. if you come up with a cool effect please share it.
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
-------------------------------------------------------------------------------
In the clientscript/lightbox.js file these lines you can config to suite your needs
________________________________________________________________________________ ___

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

________________________________________________________________________________ ___
clientscript/vbulletin_css/lightbox.css

Of Course can also be edited to make it unique to your needs.

Thats All, Make sure you click install, and nominate for Hack Of The Month!

If you like and wish to see other cool releases please donate via paypal, marcia@secondhomekennel.com
or a simple link back will rock as well

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

Thank You

CLICK INSTALL TO GET SUPPORT! also a nomination for hack of the month wouldnt hurt

THIS IS FOR THE IMAGE RESIZE VERSION - USE lightboxresize.zip DO NOT USE BOTH!


/////////////////////////////////////////////////////////////\
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/
Dynamic Lightbox auto resize - and image overlay.
/////////////////////////////////////////////////////////////\
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/

If using a previous version of this hack, please remove all instances, delete all old files
and undo any templae edits. easy way is to simply follow the old instructions, and simply remove
things instead of add.

This lightbox will automatically resize images to your screen, and all for full size viewing.
Feel free to edit as you see fit.

First Step. open lightbox_plus.js at the very end find

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

Replace all YOURSITE.com with the actual address you will keep everything. pretty simple.
Save and close.

Create the zzoop.gif image to match your site,

Upload lightbox_plus.js to the /yourforumlocation/clientscript folder

Upload lightbox.css into /yourforumlocation/clientscript/vbulletin_css folder

Upload all images into http://www.YOURSITE.com/images

*MAKE SURE ALL PREVIOUS INSTALLATIONS ARE REMOVED AT THIS POINT*
Login to AdminCP -> Styles Templates -> headinclude template

add at the very end.

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

Save and close

Next open the postbit_attachmentthumbnail

After <a add

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

If you want the image overlay, also add (or if you changed the effectclass in lightbox_plus.js use what you changed it to)

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

Save, and close.

in the postbit_legacy or postbit, place this code at the very top

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

This should produce similar results to the last one, there is no next or previous buttons though.

Enjoy it.

Download Now

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

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
Adding Lightbox to Attachment thumbs imranbaig vBulletin 3.6 Template Modifications 79 13 Jul 2008 20:44
3.5.x vBGarage w/ Lightbox v2.0 Xoxideforums vBulletin 3.5 Add-ons 64 30 Oct 2007 14:10
Add-On Releases Lightbox/thickbox for attachment on CMPS module rapidphim vBulletin 3.6 Template Modifications 5 15 Oct 2007 22:04

  #31  
Old 16 May 2006, 01:35
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
Any idea about the other error? I am still getting a bunch of undefined (undefined) errors

I hope this get fixed. THis is one of my alltime favorite hacks!

Last edited by ryancooper; 16 May 2006 at 01:37.
Reply With Quote
  #32  
Old 16 May 2006, 01:40
Barakat's Avatar
Barakat Barakat is offline
 
Join Date: Nov 2004
Real name: Barakat
open the includes\class_bbcode.php and find


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

and replace it with


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

Reply With Quote
  #33  
Old 16 May 2006, 01:57
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
Originally Posted by Barakat
open the includes\class_bbcode.php and find


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

and replace it with


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

That didn't work???
Reply With Quote
  #34  
Old 16 May 2006, 02:18
Barakat's Avatar
Barakat Barakat is offline
 
Join Date: Nov 2004
Real name: Barakat
this is the same hack with a small changes....
to resize the picture to a small view and after pressing on it it will open in its original size >

u can increase or decrease the size pic code


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

make it 800 or 400 and it will work perfect .

and about the picture u can do like it and write inside it


press here to view the picture in its original size or what ever u want to wirte inside it <>

you will save you style in a nice way
Attached Images
File Type: gif NLP_button.gif (2.9 KB, 46 views)
Reply With Quote
  #35  
Old 16 May 2006, 03:47
tei727's Avatar
tei727 tei727 is offline
 
Join Date: Feb 2006
Great! I love it!

Doesn't work for me with FF on my site (although it did on the demo site).
Reply With Quote
  #36  
Old 16 May 2006, 03:49
Dr.Viggy Dr.Viggy is offline
 
Join Date: Apr 2006
tei727, did you give the js files time to load? i had the same issue but doing a control-F5 and letting the javascript fully load did the trick
Reply With Quote
  #37  
Old 16 May 2006, 04:26
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
I have returned with a fix..i think

Open your HeadInclude template.

Erase

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

Go to Your Postbit Template (note i've only tested on postbit legacy)
At the very top add

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

Save


*Note sure if this will save resources or not, but my thinking is it will not call upon the javascript files unless needed in postbit*
Use this code instead

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

Originally Posted by Microstats With Attachments in post
Page generated in 0.37192 seconds with 12 queries [Server Loads: 18.55 27.73 : 23.86]
*Please note server load is not due to this hack, its from me running a gazillion sites at one time right now *
Originally Posted by Microstats With-Out Attachments in post
Page generated in 0.19489 seconds with 11 queries [Server Loads: 24.73 26.15 : 23.72]
Hopefully that will speed things up for users
Report back

Last edited by Ntfu2; 16 May 2006 at 04:40.
Reply With Quote
  #38  
Old 16 May 2006, 10:03
MentaL's Avatar
MentaL MentaL is offline
 
Join Date: Jan 2003
cool O_o
__________________
RaGEZONE
Reply With Quote
  #39  
Old 16 May 2006, 12:32
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
Well that got rid of the iundefined problem But now in forefox it shows the opening screen then jumps to the image. In IE it works great.

Did I miss something?
Reply With Quote
  #40  
Old 16 May 2006, 13:11
Dr.Viggy Dr.Viggy is offline
 
Join Date: Apr 2006
when you say it jumps to the image... it's opening the image where? in a new window?
Reply With Quote
  #41  
Old 16 May 2006, 13:27
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
It opens the images in the same window.

see here:

http://www.talkdisney.com/forums/sho...416#post339416
Reply With Quote
  #42  
Old 16 May 2006, 14:11
Dr.Viggy Dr.Viggy is offline
 
Join Date: Apr 2006
you don't have guests set to view attachments so i get a login screen...
Reply With Quote
  #43  
Old 16 May 2006, 14:54
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
Duh. Sorry about that. Changed. . .
Reply With Quote
  #44  
Old 16 May 2006, 14:56
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
still working good in firefox for me on your site.


Try pressing CTRL+F5

Last edited by Ntfu2; 16 May 2006 at 15:06.
Reply With Quote
  #45  
Old 16 May 2006, 15:06
Dr.Viggy Dr.Viggy is offline
 
Join Date: Apr 2006
and i tested in ie7 with no problems
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 10:32.

Layout Options | Width: Wide Color: