Trill Designs: Simple Gallery - Trill Designs

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Simple Gallery

#1 User is offline   Jaan Icon

  • Site Admin
  • Icon
  • Group: Administrators
  • Posts: 84
  • Joined: 23-November 09
  • LocationEstonia

Posted 25 January 2010 - 09:09 PM

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. 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:

// 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.

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

// 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
0

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users