< ?php
 
// Path to images.
$images_path = 'C:\\Documents and Settings\\JHernandez\\My Documents\\My Pictures\\';
// Url to images
$images_url = '';
 
// How many items per page to show.
$limit = 20;
 
// These are the image extensions that we allow.
$allowed_ext = array('.jpg', '.jpeg', '.gif', '.png');
 
// Set to false to get the images directly and not parse them with PHP.
// The images must be in a public accessible directory.
$parse_image = true;
 
// If this is set then that mean we are displaying the image and we must exit afterwards.
if (isset($_GET['image']))
{
	parse_image(urldecode($_GET['image']));
	exit;
}
// Just call our regular function and display the images.
else
	display();
 
/**
 * This function goes through the image directory and gets the images in that dir.
 * It will return the name of those images.
 *
 * @param int $limit Number of images to return.
 * @param int $offset Image offset. Used for pagination,
 * @param string $filter Used for letter filtering or search.
 * @return array $images
 */
function get_files($limit, $offset, $filter = '')
{
	global $images_path, $allowed_ext;
 
	// We need to set a counter for the files that we've looped through.
	$file_count = 0;
	// Gets the content of a directory in an object so that we can loop through them later.
	$dir = dir($images_path);
	// Container for the images that we are getting.
	$images = array();
 
	if ($dir == '')
		return array();
 
	while (false !== ($entry = $dir->read()))
	{
		// We skipt . and ..
		if ($entry == '.' || $entry == '..')
			continue;
 
		// If the current count is less than the offset continue.
		if ($file_count++ < $offset)
			continue;
 
		// Is this type of file allowed?
		if (!in_array(strrchr($entry, '.'), $allowed_ext))
			continue;
 
		// Now for the name filtering.
		if (!empty($filter))
		{
			// If it's just 1 char length then we check the first letter of the filename.
			// If the filter and first letter of the file name doesn't match then just continue.
			// We like to do matches with lower case so lets make everything lower case.
			if (strlen($filter) == 1 && (strtolower(substr($entry, 0, 1)) != strtolower($filter)))
				continue;
			// If the filter is longer than 1 char then we are doing a global search on the name.
			elseif (strlen($filter) > 1 && !preg_match("~$filter~i", $entry))
				continue;
		}
 
		// If we got here that means we passed the previous tests and we keeping this image.
		$imagesize = getimagesize($images_path . $entry);
		$images[] = array(
			'filename' => $entry,
			'filesize' => filesize($images_path . $entry),
			'width' => $imagesize[0],
			'height' => $imagesize[1],
		);
 
		// We have the amount of images that we needed right?  If so just break.
		if (count($images) == $limit)
			break;
	}
	$dir->close();
 
	// Just return what we have found.
	return $images;
}
 
/**
 * This function is in charge of getting the image, parsing it and returning the
 * output.
 *
 * @param string $image_name The name of the image.
 */
function parse_image($image_name)
{
	global $images_path;
 
	// The path to where the image is locate and the name of the image.
	$full_filename = $images_path . $image_name;
	$file_ext = substr($image_name, strrpos($image_name, '.') + 1);
 
	// Does it exists?
	if (!file_exists($full_filename))
	{
		// Guess not.  Just send the 404 header.
		header('HTTP/1.0 404 file not found');
		header('Content-Type: text/plain; charset= ISO-8859-1');
 
		// Die... Die... Die...
		die('404 - file not found');
	}
 
	// We need to make sure that nothing has been outputed before this.  If so just clean the buffers.
	@ob_end_clean();
	@ob_start();
	header('Content-Encoding: none');
 
	// Headers that we need.
	$file_md5 = '"' . md5_file($full_filename) . '"';
	header('Content-Type: image/' . $file_ext);
	header('Content-Length: ' . filesize($full_filename));
	header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 525600 * 60) . ' GMT');
	header('Last-Modified: ' . gmdate('D, d M Y H:i:s', filemtime($full_filename)) . ' GMT');
	header('Accept-Ranges: bytes');
	header('Connection: close');
	header('ETag: ' . $file_md5);
	header('Content-Disposition: inline; filename="' . $real_filename . '"');
 
	// We just need to read the file content and echo it out.
	echo readfile($full_filename);
 
	exit;
}
 
/**
 * This is where most of the magic happens.  We output the html here and do a
 * few other things.
 */
function display()
{
	global $limit, $image_url, $parse_image;
 
	// Do we have an offset. If so get it and cast it as an integer.
	$offset = isset($_GET['offset']) ? (int) $_GET['offset'] : 0;
	$filter = isset($_GET['filter']) ? $_GET['filter'] : '';
 
	// This is the range of character that we can filter by.  PHP has this nice function
	// that you can enter the starting and ending character and it will give you the characters
	// in between in an array. a-z; 0-9; a-c;
	$character_range = range('a', 'z');
 
	// Start the template.
	echo '< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Badge Gallery</title>
		<style type="text/css">
			#character_range
			{
				list-style: none;
				float: right;
				margin: 0;
				padding: 0;
			}
			#character_range li
			{
				display: inline;
				text-decoration: none;
				text-align: center;
				padding: 1px;
			}
			#badges
			{
				list-style: none;
				float: left;
			}
			#badges li
			{
				float: left;
				display: inline;
				text-decoration: none;
				text-align: center;
				padding: 5px;
			}
			.clear_both
			{
				clear: both;
			}
		</style>
	</head>
	<body>
		<h1>Image Gallery</h1>';
 
	// We have a range of characters that we can search by.
	if (!empty($character_range))
	{
		echo '
		<ul id="character_range">';
 
		// Lets loop through our character range.
		foreach ($character_range as $char)
		{
			echo '
			<li><a href="' . $_SERVER['PHP_SELF'] . '?filter=' . $char . '">' . $char . '</a></li>';
		}
 
		// Close the list.
		echo '
			<li><a href="' . $_SERVER['PHP_SELF'] . '">Clear</a></li>
		</ul>
		<form action="' . $_SERVER['PHP_SELF'] . '" action="get">
			Search: <input type="text" name="filter" /> <input type="submit" value="Search" />
		</form>
		<div class="clear_both"></div>';
	}
 
	// Now gets get our images into an array.
	$images = get_files($limit, $offset, $filter);
 
	if (!empty($images))
	{
		echo '
		<ul id="badges">';
 
		foreach ($images as $image)
		{
			// Lets store the image url here for easy access.
			$image_href = $parse_image ? ($_SERVER['PHP_SELF'] . '?image=' . urlencode($image['filename'])) : $image_url . urlencode($image['filename']);
 
			echo '
			<li>
				<a href="#" onclick="javascript:window.open(\'' . $image_href . '\', \'popup\', \'width=' . ($image['width'] + 20) . ', height=' . ($image['height'] + 20) . '\');"><img src="' . $image_href. '" alt="' . $image['filename'] . '" width="160" height="120" /></a><br />
				<small>
					<strong>Filename:</strong> ' . $image['filename'] . '<br />
					<strong>Size:</strong> ' . (round($image['filesize'] / 1024, 2)) . 'kb
				</small>
			</li>';
		}
 
		echo '
		</ul>';
	}
 
	// Close the template.
	echo '
	</body>
</html>';
 
}
 
?>