Slim Box 2 Overview
The slim box image code is very useful when designing a nice Website. The code creates thumbnail images that pop open in a smooth and clean approach.

Steps
1. This code involves a series of necessary javascript files in order to work. You can download these files from,
- jquery.js (save into js folder)
- slimbox2.js (save into js folder)
- slimbox2.css (save into css folder)

2. The code which you place in the header of the html document

<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/slimbox2.js"></script> <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen">

3. Finally, is the code used in the spot on the page where you want to place the slimbox image.

<a href="images/example1large.gif" width="600" height="450" alt="content" rel="lightbox-h" title="This is an example slimbox image"><img src="images/example1.gif" width="200" height="150" alt="example1" /></a>

Example

Click on image for larger view

* This code is also available for set up with more than one image, for instructions click here.
For official site visit, http://jquery.com/

 

Image Codes