Simple gallery

[Jaan]

Hey ya.. i was thinking that i havent submitted any tutorials so.. i must do it now..well today i'm going to show you how you can create your own gallery ^^.. Okay let's start.

Well first, i'm going to create one folder called images and set it's CHMOD to 777. Then i'll make a index file into it because i don't want that some quests are browsing this folder. This index file can be blank or you can use my tutorial where i teach you how to protect your files with one little script Check. Now let's go back to our main directory and let's start with our gallery script. If you want to create a category, then just make a folder into your /images/ folder and name it to "nature" (for example).

Now let's make our category list and let's show how much files are in those categories:

PHP Code:

// Let's get our category name
$cat = $_GET['cat'];

function categories(){

// Specify your directory were are your categories
$dir = opendir("images");

// Now let's get our categories
while (($file = readdir($dir)) !== false){

// Let's remove . and .. and index file if there is index file
if($file == "."){
echo "";
}elseif($file == ".."){
echo "";
}elseif($file == "index.php"){
echo "";
}else{

// Here we are going to find out how much files are in our category
$directory = "http://forum.codecall.net/images/$file";
$filecount = 0;
$d = dir($directory); 
while ($f = $d->read()) { 
 if(($f!= ".") && ($f!= "..")) { 
 if(!is_dir($f)) 
 $filecount++; 
 } 
}
$filecount;

// Display your categories and how much files are in those categories
echo "<a href='index.php?cat=$file'>$file($filecount)</a><br>";
}
}
closedir($dir);

} 


Now we can see all our categories and how many files are in those categories. Now we should make a function what will display our images what are in those categories.

PHP Code:

function images($cat){

// Let's specify our category
$directory = "http://forum.codecall.net/images/$cat/";

// If there is not this category what user have entered let's display an error
if(!is_dir($directory)){
die("<center><b><font>The category don't exist!</font></b></center>");
}

// Now if everything is okay let's display our images
$dir = opendir($directory);
while (($file = readdir($dir)) == true){

// Let's remove unwanted records like . , .. and index file if there is one
if($file == "."){
echo "";
}elseif($file == ".."){
echo "";
}elseif($file == "index.php"){
echo "";
}else{

// Show our images what are in our specified category
$url = $file;
echo "<br>";
echo "<a href='images/$cat/$url'><img src='images/$cat/" . $file . "' border='0' width='135' height='125'></a>";
echo "<br><br>";
}
}
closedir($dir);

} 


Now your simple gallery is done. Here is our full script:

PHP Code:

<?php

// Let's get our category name
$cat = $_GET['cat'];

function categories(){

// Specify your directory were are your categories
$dir = opendir("images");

// Now let's get our categories
while (($file = readdir($dir)) !== false){

// Let's remove . and .. and index file if there is index file
if($file == "."){
echo "";
}elseif($file == ".."){
echo "";
}elseif($file == "index.php"){
echo "";
}else{

// Here we are going to find out how much files are in our category
$directory = "http://forum.codecall.net/images/$file";
$filecount = 0;
$d = dir($directory); 
while ($f = $d->read()) { 
 if(($f!= ".") && ($f!= "..")) { 
 if(!is_dir($f)) 
 $filecount++; 
 } 
}
$filecount;

// Display your categories and how much files are in those categories
echo "<a href='index.php?cat=$file'>$file($filecount)</a><br>";
}
}
closedir($dir);

}

function images($cat){

// Let's specify our category
$directory = "http://forum.codecall.net/images/$cat/";

// If there is not this category what user have entered let's display an error
if(!is_dir($directory)){
die("<center><b><font>The category don't exist!</font></b></center>");
}

// Now if everything is okay let's display our images
$dir = opendir($directory);
while (($file = readdir($dir)) == true){

// Let's remove unwanted records like . , .. and index file if there is one
if($file == "."){
echo "";
}elseif($file == ".."){
echo "";
}elseif($file == "index.php"){
echo "";
}else{

// Show our images what are in our specified category
$url = $file;
echo "<br>";
echo "<a href='images/$cat/$url'><img src='images/$cat/" . $file . "' border='0' width='135' height='125'></a>";
echo "<br><br>";
}
}
closedir($dir);

}
?>

<!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>
<style>
FONT{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-style: oblique;
}
.cattitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color: #FFFFFF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Gallery</title>
</head>
<body>

<table width="100%" border="1">
<tr>
<td>
<table width="100%" border="1">
<tr>
<td bgcolor="#6699FF"><br><center><font color="#FFFFFF" class="title">My Gallery</font></center><br></td>
</tr>
<tr>
<td bgcolor="#0033FF"><font class="cattitle"><b>Categories</b></font></td>
</tr>
<tr>
<td><?php categories(); ?></td>
</tr>
<tr>
<td>
<center>
<table border="0" width="80%">
<tr>
<td>
<?php images($cat); ?>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

I hope it helped. Enjoy.

Regards,
Jaan

[Jaan]

any comments.. maybe?

[GHOwner]

thanks for this! Seems to be a good one. Is there a way to have it make thumbnails too?

[Jaan]

yes there is.. i think i will update this tutorial maybe tomorrow or i'm not sure when.. then i'll add that thumbnail thingy ^^

[xtraze]

I am going to try it on my XAMPP thing.
And I think it will be great to give everyone a DEMO of the Gallery.

So we can see what you mean yourself.

[Jaan]

umm.. sure
i'll add demo asap

[Lunakiri]

Hmmm, I'm going to have to go try this out!

Thanks =3

[Jaan]

np..
well i don't have hosting.. :/
that's why i can't post a demo :/
sorry mates

[Lunakiri]

After I add it to my site (And see if I can do this without screwing things up... >< ) Then I'll post it to be used as a demo 'Kay?

*Goes to try it out*

Edit ::

.. Scratch that, I'm totally useless when it comes to PHP ><

[Whitey]

Name each PHP section. Your tutorials are great just dont know what to save it as. Like index.php? members.php