This looks exactly like Lightbox but uses smaller JavaScripts.
Install LightBox as usual. Test that it's working.
Then get Slimbox from the above URL and unzip the files into your site folder.
Edit slimbox.css and put single quotes around the filenames:
closelabel.gif
loading.gif
nextlabel.gif
prevlabel.gif
Get the mooTools files from http://www.mootools.net/download (get only the modules recommended by Slimbox) and store in your Site folder.
Rename that file to be mootools.v1.11.js.
Edit your overall layout and replace the lines
Code: Select all
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
Code: Select all
<script type="text/javascript" src="mootools.v1.11.js"></script>
<script type="text/javascript" src="slimbox.js"></script>
<link rel="stylesheet" href="slimbox.css" type="text/css" media="screen" />
Tested with IE6, IE7, Firefox, Opera, Safari.
Note that Lightbox is the supported add-on and that I cannot provide the same level of support for Slimbox.