Using Slimbox instead of Lightbox

Adds a Lightbox slideshow to your products.
Post Reply
norman
Site Admin
Posts: 1242
Joined: Sat Feb 07, 2004 9:55 pm

Using Slimbox instead of Lightbox

Post by norman » Sun Mar 30, 2008 4:13 pm

It is possible to use Slimbox (http://www.digitalia.be/software/slimbox) instead of Lightbox.
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" />
with

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" />	
That's it. Slimbox should now be doing the work.

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.
Norman

Post Reply