1. Home
  2. Computing & Technology
  3. Web Design / HTML

Free Web Template: Photo Gallery

The Single Photo Page XHTML

By Jennifer Kyrnin, About.com

Copy the XHTML into your document. Be sure to not copy the advertisement copy that may appear within the code.

<!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">
<head>
<title>Photo Gallery Photo Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
function parseQueryString(queryString) {
  var queryObject = new Object();
  queryString = queryString.replace(/^.*\?(.+)$/,'$1');

  while ((pair = queryString.match(/([^=]+)=\'?([^\&\']*)\'?\&?/)) && pair[0].length) {
    queryString = queryString.substring( pair[0].length );
    
    if (/^\-?\d+$/.test(pair[2])) pair[2] = parseInt(pair[2]);
    queryObject[pair[1]] = pair[2];
  }

  return queryObject;
}

</script>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
<div class="center">
<script language="javascript">
var queryObj = parseQueryString( location.search );
var alt = unescape(queryObj.alt);
document.write("<h1>" + alt + "</h1>");
document.write("<img src=\"" + queryObj.src + "\" width=\"600\" height=\"" + queryObj.height + "\" alt=\"" + alt + "\" /><br />\n");
</script>
</div>
<p class="clear">These images are for sample only - not for redistribution.</p>
</div>
</body>
</html>

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

Return to Better Three Column Layout

More XHTML CSS Layout Templates

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2008 About.com, a part of The New York Times Company.

All rights reserved.