<html>
<head>
<title>CGIHK.com Imagex 1.0</title>
</head>

<body bgcolor="#000000" text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ff0000">
<font face=Arial size=2>
This is a sample application of Imagex.
<p>
Some wonderful features are to be added in the coming versions. These include:
<ul>
<li>support for subdirectories
<li>sort by name, date, file size
<li>optional display of name, date, file size and file description
<li>exclude list
<li>stats on the directory viewing / full image viewing
<li>search for images
<li>email an image to a friend
<li>block access from unauthorized servers
</ul>

You can also give me some suggestions at <a href="cgi@cgihk.com">cgi@cgihk.com</a>

</font>
<p>


<IMAGEX>

<p>
<font face=Arial size=2>
Config used in this sample:
</font>
<pre>
# Path to the HTML template
$template  = './template.txt';

# Path to the directory containing all the images
$imagedir  = '/virtual/lasalle.uhome.net/cgi-bin/imagex/images';

# Format of the table displaying thumbnails
# The value should be in the format of '(c)x(r)'
# where (c) is the number of colomns and (r) is that of rows. 
# e.g. '5x4', '6x6', etc.
$format    = '5x3';

# The maximum dimension of thumbnails, (width)x(height)
$dimension = '120x120';

# Default thumbnail format: jpeg or png
$thumbformat = "jpg"; # jpg recommended

# Parameters of the table containing thumbnails
# Set the values of parameters if you want
# Leave it blank if you just don't care
$table{'width'}       = '';
$table{'height'}      = '';
$table{'border'}      = '1';
$table{'bordercolor'} = '#ffffff';
$table{'bgcolor'}     = '#ddddff';
$table{'background'}  = '';
$table{'cellspacing'} = '0';
$table{'cellpadding'} = '0';
$table{'align'}       = 'center';

# Parameters of the font
# Leave it blank if you just don't care
$font{'face'}         = 'Arial';
$font{'size'}         = '2';
$font{'color'}        = '#000000';
</pre>
</p>

<center>
<!-- START EXCHANGE-IT.COM HTML CODE VERSION 4.1-->
<script language="javascript">
<!--
window.onerror=null;
var v=escape(document.referrer);
var vs=parseFloat(navigator.appVersion);
if(vs>=4){var w=screen.width;
var h=screen.height;var d=screen.colorDepth;}
var i="http://www.exchange-it.com/image.go?b107224=88";
var u="http://www.exchange-it.com/click.go?b107224=88";
var m=" width=468 height=60 border=0 alt=";
var c="Click to visit";
if(navigator.javaEnabled()==1){var j="Y";
}else{var j="N";}
var t="&v="+v+"&r="+w+"x"+h+"&d="+d+"&j="+j;
document.write('<a href="'+u+'" target="_top">');
document.write('<img src="'+i+t+'"'+m+'"'+c+'" border=0></a>'); 
// -->
</script><noscript>
<a href="http://www.exchange-it.com/click.go?b107224=88" target="_top"><img src="http://www.exchange-it.com/image.go?b107224=88" width=468 height=60 border=0 alt="Click to visit"></a>
</noscript><br><a href="http://www.exchange-it.com/footer.go?b107224" 
target="_top"><img src="http://images.exchange-it.com/footer.gif" width=468 height=15 border=0></a>
<!-- END EXCHANGE-IT.COM HTML CODE -->
</center>

<p align=right><font size=2 face=Arial>Copyright 2001 <a href="http://www.cgihk.com">CGIHK.com</a>. All rights reserved.</font></p>
</body>
</html>