Code Examples -> This is a script that list all image files on a given directory, and displays the thumbnails nicely formated within an HTML table. It also make use of JavScript to open pop up windows when the users want to see the full photo.

	Join us on FaceBook
	Submit Your Code
	Poker Tournaments
	Poker Guide for Developers
	SEO Monitor
	UpTime Monitor
	My Favorite Examples
	My Favorite Articles
	Update Your Profile

More Weber Sites
	PHP Code Search
	Web Development Forums
	Learn MySQL Playing Trivia
	PHPBB2 Templates
	Web Development Resources
	Web Development Content
	Internet Security Software

Recommended Links
	PHPClasses
	PHP Editor
	PHP Jobs
	Vision.To Design
	Ajax Tutorials
	PHP Programming Help
	PHP/MySQL Programming
	Webmaster Resources
	Webmaster Forum
	XML meta language
	website builder

Recommended
	פרייסז - הכח לקנות עובר לידיים שלך
	Texas Holdem Poker Evangelists


BACK		ADD A COMMENT		SEND TO A FRIEND		ADD TO MY FAVORITES		ADD CODE EXAMPLES		PRINT

PHP Code Examples

Title :	This is a script that list all image files on a given directory, and displays the thumbnails nicely formated within an HTML table. It also make use of JavScript to open pop up windows when the users want to see the full photo.
Categories :	Graphics, PHP, Complete Programs, Java Script	Alexandre Lana
Date :	Dec 03rd 1999
Grade :	2 of 5 (graded 17 times)
Viewed :	41384
File :	class.File.php3
Images :	No Images for this code example.

Search :	More code by Alexandre Lana
Action :	Grade This Code Example
Tools :	My Examples List

Code

<?php

// THE PHP PHOTO GALLERY - DECEMBER 1999
// CODED BY
// ALEXANDRE MEYER LANA - JAU - BRASIL
// webmaster@lanavision.com or nagual@peyote.com

/* This is a script that list all image files on a given directory, and displays the thumbnails nicely
formated within an HTML table. It also make use of JavScript to open pop up windows when the
users want to see the full photo */

/* You can use one document per image subdirectory you want to display, or you may change the
code and access the gallery.php3 using a FORM, where you can parse the $path variable or any
other Anyway, it was a coffe break coding, I'll be glad to receive any improvements. */

/* I'll also be posting a CGI/PHP/mySQL eletronic postcard system pretty soon */

// Comments: webmaster@lanavision.com or nagual@peyote.com

// P.S.: Sorry for my english, it's not so good

//***********************************************************//
//******** STARTOF VARIABLES CONFIGURATION SECTION **********//
//***********************************************************//

// DON'T FORGET TO INCLUDE THE CLASS.FILE
// You can download it from:
// http://www.thewebmasters.net/php/File-1_0.tar.gz
include("class.File.php3");

// RELATIVE PATH TO IMAGES DIRECTORY (Other than gallery.php3's)
$path = "images";

// NUMBER OF COLUMNS TO BE DISPLAYED
$colunas = 6;

// THUMBNAIL WIDTH
$thumb_width = "100";

// THUMBNAIL HEIGHT
$thumb_height = "";

/* COORDINATES FOR THE FULL SIZE PHOTO POP-UP WINDOW
YOU CAN USE (MINUS) TO INVERT THE REFERENCES
(RIGHTMARGIN AND BOTTOMMARGIN). PREETY COOL, ISN'T IT? */

// LEFTMARGIN OFFSET (RIGTHMARGIN IF YOU USE NEGATIVE VALUES)
$pop_leftmargin = "1";

// TOPMARGIN OFFSET (BOTTOMMARGIN IF YOU USE NEGATIVE VALUES)
$pop_topmargin = "1";

//***********************************************************//
//******** ENDOF VARIABLES CONFIGURATION SECTION ************//
//***********************************************************//

$file = new File();
$images = array();
$jpgs = $file->get_files("$path","jpg");
if( !empty($jpgs) ) {
while ( list( $key, $filename ) = each( $jpgs ) ) {
$images[] = $filename;
}
}
$gifs = $file->get_files("$path","gif");
if( !empty($gifs) ) {
while ( list( $key, $filename ) = each( $gifs ) ) {
$images[] = $filename;
}
}
$pngs = $file->get_files("$path","png");
if( !empty($pngs) ) {
while ( list( $key, $filename ) = each( $pngs ) ) {
$images[] = $filename;
}
}
$bmps = $file->get_files("$path","bmp");
if( !empty($bmps) ) {
while ( list( $key, $filename ) = each( $bmps ) ) {
$images[] = $filename;
}
}
$count = 1;
$break = $colunas;
?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
        <TITLE>The PHP Photo Gallery</TITLE>
<SCRIPT Language="JavaScript">

</SCRIPT>
<SCRIPT Language="JavaScript1.2">

</SCRIPT>
<style>

</style>
</HEAD>
<BODY onUnload="closePopWin()">

<div align="center">
<BIG>PHP Photo Gallery</BIG><br>
<small>Coded by <b>Alexandre Meyer Lana</b> � 1999<br>
<a href="mailto:webmaster@lanavision.com">webmaster@lanavision.com</a><br>
<br>
<b>(Click the thumbnails to enlarge � Total in this page:
<?php echo count($images); ?> images)</b></small>

<table border="5" cellspacing="0" cellpadding="6">
<tr>


<?php
while ( list( $key, $fileName ) = each( $images ) )
{
if( !empty($fileName) )
{
$tamanho = GetImageSize("$path/$fileName");
$largura = $tamanho[0] + 18;
$altura = $tamanho[1] + 28;
echo " <td align=\"CENTER\" valign=\"TOP\"><a href='javascript:openPopWin(\"$path/
$fileName\", $largura, $altura, \"\", $pop_leftmargin, $pop_topmargin)'><IMG SRC=\"$path/
$fileName\" border=0 alt=\"$count\"";
if (!empty($thumb_width)) {echo " width=\"$thumb_width\"";}
if (!empty($thumb_height)) {echo " height=\"$thumb_height\"";}
echo "></a><br><small>$count</small>";

if ($count == $break) {
echo "\n </td>\n</tr>\n<tr>\n";
$break = $count + $colunas;
}
else { echo "</td>\n"; }
}
$count++;
}
?>

</tr>
</table>
</div>
<hr>
<div align="CENTER">
<b>The PHP Photo Gallery</b><br>
<small>Coded by <b>Alexandre Meyer Lana</b> � 1999<br>
<a href="mailto:webmaster@lanavision.com">webmaster@lanavision.com</a></small>
</div>
</BODY>
</HTML>

Related Code Examples

	Builds JavaScript that updates the contents of one selector based on another. Categories : HTML, Java Script, PHP, Complete Programs, General
	Automatic banner rotation. Randomly selects a banner for display. Categories : Graphics, PHP, Complete Programs
	Validator 98 - a PHP-script to generate form-validation-code in JavaScript. Categories : Complete Programs, Java Script, PHP, HTML and PHP
	This is a simple photo gallery that reads the image files from multiple directories, and generates a web page styled with CSS1. It opens single auto window to view and print a given image. Categories : Graphics, Filesystem, PHP, Complete Programs
	Complete NotePad application for Websites (Like Yahoo Notepad) Categories : PHP, Web Applications, Filesystem, Java Script, Complete Programs
	Upload images restricted by pixel size (Picture width and Picture Height) Categories : PHP, HTML and PHP, Graphics
	A simple bubblesort that takes 2 arrays as argument.The first one is the actual data used for sorting, the second is data that will "tag along" with the first array, for instance a descriptive text about the data in the first array. Categories : Algorithms, Arrays, PHP, Complete Programs
	Web Self Service Resource Scheduler Using Session Variables under php4 includes Calendar building code - requires MySQL Categories : PHP, Complete Programs, Calendar, MySQL, Databases
	GuestBook Light - a plug and play application for any website. Categories : PHP, Complete Programs, Filesystem, Sessions
	PHPLinkRot v1.0 - program which allows users to report broken links on your website just by clicking a button. Works well on custom 404 pages Categories : PHP, Complete Programs, Debugging, URLs, Site Planning
	a simple pie-chart in php3 (with gd) Categories : PHP, Graphics, GD image library, Charts and Graphs
	Calendars to choose a range of dates , reservation events ... Categories : PHP, Calendar, Java Script, Date Time
	Searches through a local INN server's discussions Categories : Search, Complete Programs, PHP
	PHPixel - output of 1 pixel transparent/colored gif for counters etc. Categories : PHP, Graphics, HTML and PHP
	An email validation script that actually checks against the recipient's mail server. Categories : Email, Complete Programs, PHP, Network, Debugging

User Comments

	Matt Flagg wrote : 267 If this was really cool, it would automatically create a 100x100 (or however specified) file using GD and put it in a separate directory to be read from. Of course, doing on the fly would be piss poor, so the sweetest thing would be to have something that detects the addition of a new file. This would spawn a resizing function that creates the new x type file and puts it in the appropriate directory. I don`t PHP would be the best thing for this, however. Anybody know how to "monitor" a directory and perform things on freshly added files (with PHP or any other popular web technology)? <p></p> Having this kind of "hot" directory thing would be very cool.
	pauldy wrote : 282 `You could have it check a directory and see if the thumbnail file was there and if not create it from the larger file on the fly. This means you take a performance hit only once per image placed in the other directory. Or just add a nifty upload feature and size it as the file is uploaded.`
	Asbjorn Laurberg (webmaster at wiktor.dk) wrote : 305 But the GD library in PHP don`t support .JPEG, so you can`t make thumbernails based on JPEG files on the fly with PHP. :-(
	Jo�o Oliveira wrote : 355 `Parab�ns pelo seu trabalho. Estou estudando PHP e rodando alguns excelentes exemplos encontrados em www.weberdev.com. Eu indico este site para todos os meus amigos o tem um link na minha HP`
	Vinnie Lima wrote : 384 `Great script!!!!! Now only if we can lace it up with mysql and add an upload page with the capability of adding comments below each image - that would finish it up Muito obrigado pelo script ;) Vinicius Lima Brasilia - now in Delaware`
	gabriel leung wrote : 473 `This script is self explained and work excellent.`
	Charles Lowe wrote : 487 For those of you who are looking for a version with better thumbnailing (and since I can`t get GD to work... I wish they would just fix that), if you have Photoshop 5.5 - use the automate feature to create a web photo package. When you get the output files, upload the images and thumbnail folders to your server and change only one word line in the above code. In the bottom of the code where he is "echo"ing the table row change the img src tag to look like this: <IMG SRC=\"thumbnails/$fileName\" border=0 alt=\"$count\" In this line you will be replacing the variable/word "$path" to the word "thumbnails". You also want to make sure that the $path variable is set to "images". You may want to set the $thumb_width = "" and $thumb_height = "" so you don`t end up resizing the thumbnails to a smaller or larger size then what Photshop created... although this could be a good thing if you make the thumbnails too big (but make the page load longer... better off re-running Photoshop to create smaller thumbnails). I hope this makes sense to you all and enjoy!!! Great script by the way... very useful. Chaz :-)
	peter lindsey wrote :504 Haven`t tried the script yet, but it`s almot exactly what I was looking for. What a godsend. For those of you who don`t have Photoshop, ACDSee can create thumbnails for you, It`s shareware. Also, Imagemagick is a command-line graphics conversion package which is free and available for most OSs. I use it in .bat files in W2K to create even sized (e.g. max width or height = 500pixel) Jpegs and thumbnails for whole directories of variously formatted graphics files for web display. http://www.simplesystems.org/ImageMagick/