I've been goofing around with this for a little while. I always thought Lightbox was a really good way to display images and I wanted to put it in a forum. Note: This uses the Lightbox 2.0 script
Example: http://steel.nrgservers.net/forums/view ... &sk=t&sd=a
How to? First you need to download Lightbox 2.0
After that you will have a bunch of files and folders. Put the css and js folder into the folder you installed your forum into. IE: http://www.website.com/forums/ http://www.website.com/forums/
Since an image folder already exists already take the graphics from the Lightbox 2.0 and just put them in the image folder in your forum.
BBCode without descriptions:
Code: Select all
[light]{TEXT1}, {TEXT2}[/light]
Code: Select all
[light]{TEXT1}, {TEXT2}, {TEXT3}[/light]
Code: Select all
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
<script src="/js/prototype.js" type="text/javascript"></script>
<script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="/js/lightbox.js" type="text/javascript"></script>
<a href=http://{TEXT1} rel="lightbox" title=""><img src=http://{TEXT2}></a>
Code: Select all
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
<script src="/js/prototype.js" type="text/javascript"></script>
<script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="/js/lightbox.js" type="text/javascript"></script>
<a href=http://{TEXT1} rel="lightbox" title={TEXT3}><img src=http://{TEXT2}></a>
Code: Select all
[light]www.website.com/fullimage.jpg, /www.website.com/thumbnail.jpg, Description if used[/light]