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

  #46  
Old 16 May 2006, 15:15
Impreza04's Avatar
Impreza04 Impreza04 is offline
 
Join Date: Jul 2005
Working for me.. and strangly I was planning to request this soon but this does exactly what I wanted.

/me Nominates for HOTM

Anyway you can reduce the size of the JS files & get thumbnails shown via BBCode to display like this

Good Job
Reply With Quote
  #47  
Old 16 May 2006, 15:20
sensimilla sensimilla is offline
 
Join Date: Dec 2004
Real name: Eric Estrada
Does it work with your previous hack http://www.vbulletin.org/forum/showthread.php?t=115076 ?

TIA
Reply With Quote
  #48  
Old 16 May 2006, 15:27
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
Yes it should, but i dont have both installed at the same time right now
Reply With Quote
  #49  
Old 16 May 2006, 15:41
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
Originally Posted by Ntfu2
still working good in firefox for me on your site.


Try pressing CTRL+F5

I will have to take your word. for the life of me i cant get it to work on firefox at work. I deleted cache, cookies, did the F5.

Must be something with my borwser at work.


THanks!!
Reply With Quote
  #50  
Old 16 May 2006, 15:46
TeddyKGB's Avatar
TeddyKGB TeddyKGB is offline
 
Join Date: Mar 2006
Hopefully someone can kindly assist me. I followed the steps on the first post of the thread (instead of the attached txt file), then uploaded the files to the appropriate folders. I then attached a sample thumbnail but when I click on it all it does is open the image on a white page, no cool effects.

Here is the sample

Sample thumbnail

Thank you in advance for any help.
Reply With Quote
  #51  
Old 16 May 2006, 15:53
bashy bashy is offline
 
Join Date: Nov 2005
This is brill and works well in FF 1.5 and IE 7 beta
Well done m8, if i see it it will be voted for
__________________
Bashy

Bashys Place ~ Bashys Hosting
Reply With Quote
  #52  
Old 16 May 2006, 15:55
bashy bashy is offline
 
Join Date: Nov 2005
Your jpg is not showing as a thumbnail, also i cannot see the image as a guest...so i cant look to see whats happened sorry!!


Originally Posted by TeddyKGB
Hopefully someone can kindly assist me. I followed the steps on the first post of the thread (instead of the attached txt file), then uploaded the files to the appropriate folders. I then attached a sample thumbnail but when I click on it all it does is open the image on a white page, no cool effects.

Here is the sample

Sample thumbnail

Thank you in advance for any help.
__________________
Bashy

Bashys Place ~ Bashys Hosting
Reply With Quote
  #53  
Old 16 May 2006, 16:07
TeddyKGB's Avatar
TeddyKGB TeddyKGB is offline
 
Join Date: Mar 2006
Guests now should be able to see what I see.

Here is a screen shot of what I see.
untitled.bmp

Thanks

Last edited by TeddyKGB; 16 May 2006 at 16:12.
Reply With Quote
  #54  
Old 16 May 2006, 16:20
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
Its not set up to parse directly from the post like that yet, did you use the [attach] code for that?

Works good here: http://www.theclemsonboard.com/showt...1485#post11485

I'm going to investigate the [attach] bbcode and see what i can add to it

Last edited by Ntfu2; 16 May 2006 at 16:22.
Reply With Quote
  #55  
Old 16 May 2006, 16:22
Gizmo5h1t3's Avatar
Gizmo5h1t3 Gizmo5h1t3 is offline
 
Join Date: Aug 2005
Real name: STEVE
got mine working in IE6 with seemingly no problems.....


but its weird...some work, and some just open as normal...lol
Reply With Quote
  #56  
Old 16 May 2006, 16:25
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
gotta give it some time to load the first few times.

After that you'll be good to go
Reply With Quote
  #57  
Old 16 May 2006, 16:27
TeddyKGB's Avatar
TeddyKGB TeddyKGB is offline
 
Join Date: Mar 2006
Yeah I uploaded a file from the desktop and then used the paperclip bbcode icon which uses the [attach] code. But your post worked beautifully.

What did you do?

Thanks!
Reply With Quote
  #58  
Old 16 May 2006, 16:32
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
i used the manage attachments button, then simply uploaded thru the popup window and dont use the [attach] code to put it in the post.

Soon though you'll be able to use the attach code
Reply With Quote
  #59  
Old 16 May 2006, 16:33
Gizmo5h1t3's Avatar
Gizmo5h1t3 Gizmo5h1t3 is offline
 
Join Date: Aug 2005
Real name: STEVE
Shame The Prev And Next Buttons Cant Be Got To Work Properly, That Would Just Set It Off Nicely....


Hack Is Excellent Btw...
Reply With Quote
  #60  
Old 16 May 2006, 16:36
TeddyKGB's Avatar
TeddyKGB TeddyKGB is offline
 
Join Date: Mar 2006
NtFU - thank you for your hard work I really appreciate 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 04:15.

Layout Options | Width: Wide Color: