Php > Graphics sample source codes

Image browser

Image browser

<?

// Configuration Variables
// ======================
//
//    scale      : weather or not to scale the large img to the max height/width if it
//                 does not exceed the max height/width limits
//                 0=don't scale    1=scale
//    maxwidth   : the maximum allowed width of the large picture
//    maxheight  : the maximum allowed height of the large picture
//    thumbmaxw  : the maximum allowed width of the thumbnail
//    thumbmaxh  : the maximum allowed height of the thumbnail
//    imgperpage : the number of thumbnail images displayed
//                 its best to give this a value that is a multiple of imgperrow
//    imgperrow  : the number of thumbnail images per row
//    pgperrow   : the number of page links per row
//    typelist   : array that contains the imagetypes shown by the browser
//    currentdir : default the directory where this php file resides,
//                 can be replaced by any directory of your choice
//    title      : enter the title of your page here
//    home       : enter path to your home directory or any other desired directory
//					(where the home link goes to)
//	  this_page	 : the name of this file, $_SERVER['PHP_SELF'] should work, but if it dosen't
//					just use the file name; this is where all the links to this page go
//    captionext : filename extension placed on caption file with same name
//                	as image. (ie - <image>.<ext>.<captionext>)
//					example: image file sunrise.jpg would use the caption
//					file sunrise.jpg.txt with the default captionext
//    caption    : default caption to place under files if no caption file
//                 exists
//    stylesheet : enter the path to your stylesheet here
//					you may enter just '' to use the default(will embed it in the html)
//					you may also enter 'none' to have no style sheet
//                 the stylesheet should have these classes:
//
//                 .imag { border-style : solid;
//                         border-color: blue;
//                         border-width : 1px;}
//                 .thumb { border-style : solid;
//                          border-color: #999999;
//                          border-width : 2px;}
//                  A:link { color: #999999;
//                           text-decoration : none; }
//                  A:visited { color: #999999;
//                              text-decoration : none; }
//                  A:hover { color:blue; }
//                  any of these classses can be adjusted to your needs
//
//
// USAGE:
// to browse through the images use the back and forward images
// click on one of the thumbnails
// or use one of the pagelinks to go directly to another set of images
// clicking on the large image will give you the full image



//---Variables---

$scale      = 0;
$maxwidth   = 640;
$maxheight  = 480;
$thumbmaxw  = 50;
$thumbmaxh  = 50;
$imgperpage = 10;
$imgperrow  = 5;
$pgperrow   = 10;
$currentdir = getcwd ();
$typelist   = array("jpg","jpeg","gif","png","JPG");
$imagelist  = array();
$title      = "Pics";
$stylesheet = '' ;
$home       = "{$_SERVER['PHP_SELF']}";
$this_page  = "{$_SERVER['PHP_SELF']}";
$caption    = "";
$captionext = "txt";

//--- ind is put to zero when the script is first called uppon---

if(!isset($_GET['ind'])) 
    $_GET['ind'] = 0;
$index = $_GET['ind'];

//---the following code iterates through the directory and puts any image found in the imagelist array---

$dp=opendir($currentdir);
while ( false != ( $file=readdir($dp) ) ) {
        if (is_file($file) && $file!="." && $file!=".."){

            $extention = explode(".",$file);
            $extfield = count($extention)-1;
            $extention = $extention[$extfield];

            if( in_array($extention,$typelist) ){
                array_push ($imagelist,$file);
            }
        }
}
?>




<html >
<head>
     

      <title><?= $title ?></title>
      <?
      if ($stylesheet == ''){
      	//--insert the default style sheet into html if none specified
      	echo '<style type="text/css">'
      		.'.imag { border-style : solid;'
      			.'border-color: blue;'
      			.'border-width : 1px;}'
			.'.thumb { border-style : solid;'
				.'border-color: #999999;'
				.'border-width : 2px;}'
			.'A:link { color: #999999;'
				.'text-decoration : none; }'
			.'A:visited { color: #999999;'
				.'text-decoration : none; }'
			.'A:hover { color:blue; }'
			.'</style>';
      } elseif ($stylesheet == 'none') {
      //--no style sheet if that is what you want
      } else {
      	echo "<link rel=\"STYLESHEET\" href=\"$stylesheet\" />";
      }
      ?>
</head>
<body>

<table align="center" border="0">
 <tr>
  <td>
<?       if($index-1 >= 0) {?>
   <a href='<?= $this_page ?>?ind=<?= $index-1 ?>'>[ prev ]</a>
<?       } ?>
  </td>
  <td>
	  <?

//--- This is where the large pictures are resized so that they maintain ratio---

		$sizeee = getimagesize ("$imagelist[$index]");
		$imgwidth = $sizeee[0];
		$imgheight = $sizeee[1];
		
if ($scale == 1 || $imgwidth > $maxwidth || $imgheight > $maxheight) {   // decide if img needs to be scaled	
		$newwidth = $imgwidth/($imgheight/$maxheight);
		$newheight = $imgheight/($imgwidth/$maxwidth);
		if ($imgwidth < $imgheight) {
		
			
			
			
			if ($newwidth > $maxwidth)
			
				{
				
				?>
				<a href="<?= $imagelist[$index] ?>" target="_blank">
					<img src="<?= $imagelist[$index] ?>" width="<?= $maxwidth ?>" height="<?= $newheight ?>" alt="" />
				</a>
				<?
				} else {
				
				?>
				<a href="<?= $imagelist[$index] ?>" target="_blank">
					<img src="<?= $imagelist[$index] ?>" width="<?= $newwidth ?>" height="<?= $maxheight ?>" alt="" />
				</a>
				<?
	 			}
			} else { 
		
			
			if ($newhight > $maxheight)
				
				{
				
				?>
				<a href="<?= $imagelist[$index] ?>" target="_blank">
					<img src="<?= $imagelist[$index] ?>" width="<?= $newwidth ?>" height="<?= $maxheight ?>" alt="" />
				</a>
				<?
				} else {
				
				
				?>
				
				<a href="<?= $imagelist[$index] ?>" target="_blank">
					<img src="<?= $imagelist[$index] ?>" width="<?= $maxwidth ?>" height="<?= $newheight ?>" alt="" />
				</a>
				
				<?
		
	
	   
		}
		}
                } else { ?>
	<a href="<?= $imagelist[$index] ?>" target="_blank">
		<img src="<?= $imagelist[$index] ?>" width="<?= $imgwidth  ?>" height="<?= $imgheight ?>" alt="" />
	</a>
	<?	}
	  ?>
  </td>
  <td>
<?       if($index+1 < count($imagelist) ) {?>
   <a href="<?= $this_page ?>?ind=<?= $index+1 ?>">[ next ]</a>
<?       } ?>
  </td>
 </tr>
 <tr>
  <td>
  </td>
  <td>
   <center><?
         if (file_exists ($imagelist[$index]. "." . $captionext) &&
             is_file ($imagelist[$index]. "." . $captionext) &&
             !is_dir ($imagelist[$index]. "." . $captionext)) 
           include $imagelist[$index]. "." . $captionext;
         else
           echo $caption; ?>
   </center>
  </td>
  <td>
  </td>
 </tr>
</table>

<table align="center">
 <tr><td></td>
<?

//---this code generates the thumbnails based on the configuration settings---

$nrpages = ceil( count($imagelist)/$imgperpage );

for($j=0;$j<$nrpages;$j++)
{
    if( $index >= ($j*$imgperpage) && ($index < (($j+1) * $imgperpage)) ) {
        for($i=($j*$imgperpage);$i<(($j+1) * $imgperpage);$i++) {
            if(($i%$imgperrow == 0) && ($i > 0)) { ?>
 </tr>
 <tr>
<?          } 
            if($i <count($imagelist)  ) {
               $path = "$this_page?ind=".$i; ?>
  <td>

		  <?



//--- This is where the thumbnails are resized so that they maintain ratio---


		$sizeee = getimagesize ("$imagelist[$i]");
		$imgwidth = $sizeee[0];
		$imgheight = $sizeee[1];
		
		$newthumbw = $imgwidth/($imgheight/$thumbmaxh);
		$newthumbh = $imgheight/($imgwidth/$thumbmaxw);
		if ($imgwidth < $imgheight) {
		
			
			
			
			if ($newthumbw > $thumbmaxw)
			
				{
				
				?>
				<a href="<?= $path ?>">
					<img src="<?= $imagelist[$i] ?>" width="<?= $thumbmaxw ?>" height="<?= $newthumbh ?>" alt="" />
				</a>
				<?
				} else {
				
				
				?>
				<a href="<?= $path ?>">
					<img src="<?= $imagelist[$i] ?>" width="<?= $newthumbw ?>" height="<?= $thumbmaxh ?>" alt=""  />
				</a>
				<?
	 			}
			} else { 
		
			
			if ($newthumbh > $thumbmaxh)
				
				{
				
				?>
				<a href="<?= $path ?>">
					<img src="<?= $imagelist[$i] ?>" width="<?= $newthumbw ?>" height="<?= $thumbmaxh ?>" />
				</a>
				<?
				} else {
				
				
				?>
				
				<a href="<?= $path ?>">
					<img src="<?= $imagelist[$i] ?>" width="<?= $thumbmaxw ?>" height="<?= $newthumbh ?>" alt="" />
				</a>
				
				<?
		
	
	   
		}
		}
	  ?>
  </td>
<?          }
        }
    }
}
?>
 </tr>
</table>
<br />
<center>
<?
//---this code generates links based on the configuration settings---
//---only puts $pgperrow page links per row to make cleaner---

for($j=0;$j<$nrpages;$j++) { 
   if(($j%$pgperrow == 0) && ($j > 0)) { ?>
    <br />
<? } ?>
    <a href="<?= $this_page ?>?ind=<?= ($j*$imgperpage) ?>">[page <?= ($j+1) ?>]</a>
<? } ?>
</center>
<center><a href="<?= $home ?>">[ home ]</a></center>
</body>
</html>