PHP - Moved: Php Image Gallery To Embed In Site

This topic has been moved to Miscellaneous.

http://www.phpfreaks.com/forums/index.php?topic=317400.0

This topic has teleported to Third Party PHP Scripts. Beam me up, Scotty.

http://www.phpfreaks.com/forums/index.php?topic=343682.0

how to create php gallery with pagination and also add new images that control by admin

Hi guys,

Just after a bit of advice really. I want to create an image gallery. Currently, my images (which are sourced from a DB) are brought about in a loop and set in their own div, side by side. I was just thinking though: would it be better to do this with an array? Its a bit difficult coding for this just using the basic loop. Anyone have any suggestions to make this better?

PS, here is my current code:

$sql =  "SELECT * FROM imagegal";
 if ($result = mysql_query($sql)) {
    if (mysql_num_rows($result)) {
   
while($row = mysql_fetch_array($result)){
   
   echo '<span class="imagegal">';
   echo '<span><img src="' . $row['image'] . '"</span>';
   echo '</span>';
   
}}}   

Hi All,

I am looking for a php script that i can use to create a php image gallery for a client.
The script needs to allow the client to upload an image (any image type) jpg,gif,png etc and then a thumbnail needs to be created.So there will be two images the original and the thumbnail which should be stored in separate directories.

I know that this has been done before and i did some google searches ,but cant find anything that i need.


Thanks in advance.


Kind Regards,
Nathan

The code below works well and shows all the images in a folder in reverse chronological order. But I want to limit it to a certain number of images .   This would enable me to have several pages of images.

So the first page would display the latest 50 images, the second page would show 50-100, and the third, 100-150.

Any helps on how to modify? I can create the pages manually. I just want to know how to limit the current page to a certain range.
Code: [Select]
<?php

//Your folder
$files = glob("images/*.*");

function sortnewestfilesfirst($a, $b) {
    return filemtime($b) - filemtime($a);
}
usort($files, "sortnewestfilesfirst");

$colCnt=0;
echo '<table border="0" style="width:1000px;">';

for ($i=0; $i<count($files); $i++)
  {
  $colCnt++;
  if ($colCnt==1)
  echo '<tr>';
  echo '<td width="20%" style="font-size:8.5px; font-family:arial">';

  $num = $files[$i];
   
echo ' 
  <div class="ImgBorder">
   <div class="clipout">
    <div class="clipin"> <a href="' . $num . '" rel="lightbox[all]"><img class="thumb ImgBorder" src="'.$num.'">  
</a> </div>
   </div></div>'."&nbsp;&nbsp;";


  echo '</td>';

  if ($colCnt==6)
    {
    echo '</tr>';
    $colCnt=0;
    }
  }

echo '</table>';
?>

Lets say ive got a function like this one
Code: [Select]
function getPictures() {
global $max_width, $max_height;
if ( $handle = opendir(".") ) {
$lightbox = rand();
echo '<ul id="pictures">';
while ( ($file = readdir($handle)) !== false ) {
if ( !is_dir($file) ) {
$split = explode('.', $file);
$ext = $split[count($split) - 1];
if ( ($type = getPictureType($ext)) == '' ) {
continue;
}
if ( ! is_dir('thumbs') ) {
mkdir('thumbs');
}
if ( ! file_exists('thumbs/'.$file) ) {
if ( $type == 'jpg' ) {
$src = imagecreatefromjpeg($file);
} else if ( $type == 'png' ) {
$src = imagecreatefrompng($file);
} else if ( $type == 'gif' ) {
$src = imagecreatefromgif($file);
}
if ( ($oldW = imagesx($src)) < ($oldH = imagesy($src)) ) {
$newW = $oldW * ($max_width / $oldH);
$newH = $max_height;
} else {
$newW = $max_width;
$newH = $oldH * ($max_height / $oldW);
}
$new = imagecreatetruecolor($newW, $newH);
imagecopyresampled($new, $src, 0, 0, 0, 0, $newW, $newH, $oldW, $oldH);
if ( $type == 'jpg' ) {
imagejpeg($new, 'thumbs/'.$file);
} else if ( $type == 'png' ) {
imagepng($new, 'thumbs/'.$file);
} else if ( $type == 'gif' ) {
imagegif($new, 'thumbs/'.$file);
}
imagedestroy($new);
imagedestroy($src);
}
echo '<li><a href="'.$file.'" rel="lightbox['.$lightbox.']">';
echo '<img src="thumbs/'.$file.'" alt="" />';
echo '</a></li>';
}
}
echo '</ul>';
}
}What it does is:
It checks for files(images) in a directory, check for file types jpg, png or gif cuz I work on gd library and it supports only these 3 type of images and make thumbnails. My problem is I cant change the directory of images, after I do that I just got error or it doesnt read images at all. I tried

Code: [Select]
$dir = "/galerija/";
if ( $handle = opendir($dir) )
But nothing happens, it just leaves me blank space(as I said above it doesnt read images at all)

Hi ,
I got "High Slide Script" for making photogallery ..
The problem is that code has no admin panel to upload images and their description .
All you make that you write image path into html code of its index page..

I thought to make admin panel by a small database you enter the image path uploaded and description .

and the code has a loop to read this data throught a php code .

I attached what I made .

The problem is : why my images doesn't appear ???

NB:
the original script in the file named : highslide-custom-example.htm

my code is in the file : highslide-custom-example.php

I attached the DB also..

Here is the attachments :

http://www.seed-share.com/6mghkdpg0ywj

Thanks

hello experts ! im new to php script, hope u guys able to help. thanks in advance  . I'm following a tutorial from this site: http://www.anyexample.com/programming/php/php_mysql_example__image_gallery_(blob_storage).xml

and i run the code, error occur    (i highlighted line 27) :
Parse error: syntax error, unexpected T_STRING in C:\xampp\htdocs\testing.php on line 27

This is my php script:
 <?php
$db_host = 'localhost'; // don't forget to change
$db_user = 'root';
$db_pwd = '123456';


$database = 'test';
$table = 'ae_gallery';
// use the same name as SQL table

$password = '123';
// simple upload restriction,
// to disallow uploading to everyone



////create sql-table
CREATE TABLE 'ae_gallery' (
  'id' int(11) NOT NULL AUTO_INCREMENT,
  'title' varchar(64) character SET utf8 NOT NULL,
  'ext' varchar( 8 ) character SET utf8 NOT NULL,
  'image_time' timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  'data' mediumblob NOT NULL,
  PRIMARY KEY  (`id`)
);




if (!mysql_connect($db_host, $db_user, $db_pwd))
    die("Can't connect to database");

if (!mysql_select_db($ae_gallery))
    die("Can't select database");


// This function makes usage of
// $_GET, $_POST, etc... variables
// completly safe in SQL queries
function sql_safe($s)
{
    if (get_magic_quotes_gpc())
        $s = stripslashes($s);

    return mysql_real_escape_string($s);
}

// If user pressed submit in one of the forms
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
    // cleaning title field
    $title = trim(sql_safe($_POST['title']));

    if ($title == '') // if title is not set
        $title = '(empty title)';// use (empty title) string

    if ($_POST['password'] != $password)  // cheking passwors
        $msg = 'Error: wrong upload password';
    else
    {
        if (isset($_FILES['photo']))
        {
            @list(, , $imtype, ) = getimagesize($_FILES['photo']['tmp_name']);
            // Get image type.
            // We use @ to omit errors

            if ($imtype == 3) // cheking image type
                $ext="png";   // to use it later in HTTP headers
            elseif ($imtype == 2)
                $ext="jpeg";
            elseif ($imtype == 1)
                $ext="gif";
            else
                $msg = 'Error: unknown file format';

            if (!isset($msg)) // If there was no error
            {
                $data = file_get_contents($_FILES['photo']['tmp_name']);
                $data = mysql_real_escape_string($data);
                // Preparing data to be used in MySQL query

                mysql_query("INSERT INTO {$table}
                                SET ext='$ext', title='$title',
                                    data='$data'");

                $msg = 'Success: image uploaded';
            }
        }
        elseif (isset($_GET['title']))      // isset(..title) needed
            $msg = 'Error: file not loaded';// to make sure we've using
                                            // upload form, not form
                                            // for deletion


        if (isset($_POST['del'])) // If used selected some photo to delete
        {                         // in 'uploaded images form';
            $id = intval($_POST['del']);
            mysql_query("DELETE FROM {$table} WHERE id=$id");
            $msg = 'Photo deleted';
        }
    }
}
elseif (isset($_GET['show']))
{
    $id = intval($_GET['show']);

    $result = mysql_query("SELECT ext, UNIX_TIMESTAMP(image_time), data
                             FROM {$table}
                            WHERE id=$id LIMIT 1");

    if (mysql_num_rows($result) == 0)
        die('no image');

    list($ext, $image_time, $data) = mysql_fetch_row($result);

    $send_304 = false;
    if (php_sapi_name() == 'apache') {
        // if our web server is apache
        // we get check HTTP
        // If-Modified-Since header
        // and do not send image
        // if there is a cached version

        $ar = apache_request_headers();
        if (isset($ar['If-Modified-Since']) && // If-Modified-Since should exists
            ($ar['If-Modified-Since'] != '') && // not empty
            (strtotime($ar['If-Modified-Since']) >= $image_time)) // and grater than
            $send_304 = true;                                     // image_time
    }


    if ($send_304)
    {
        // Sending 304 response to browser
        // "Browser, your cached version of image is OK
        // we're not sending anything new to you"
        header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ts).' GMT', true, 304);

        exit(); // bye-bye
    }

    // outputing Last-Modified header
    header('Last-Modified: '.gmdate('D, d M Y H:i:s', $image_time).' GMT',
            true, 200);

    // Set expiration time +1 year
    // We do not have any photo re-uploading
    // so, browser may cache this photo for quite a long time
    header('Expires: '.gmdate('D, d M Y H:i:s',  $image_time + 86400*365).' GMT',
            true, 200);

    // outputing HTTP headers
    header('Content-Length: '.strlen($data));
    header("Content-type: image/{$ext}");

    // outputing image
    echo $data;
    exit();
}
?>
<html><head>
<title>MySQL Image Gallery Example</title>
</head>
<body>
<?php
if (isset($msg)) // this is special section for
                 // outputing message
{
?>
<p style="font-weight: bold;"><?=$msg?>
<br>
<a href="<?=$PHP_SELF?>">reload page</a>
<!-- I've added reloading link, because
     refreshing POST queries is not good idea -->
</p>
<?php
}
?>
<h1><i>Image gallery</i></h1>
<h2>Uploaded images:</h2>
<form action="<?=$PHP_SELF?>" method="post">
<!-- This form is used for image deletion -->

<?php
$result = mysql_query("SELECT id, image_time, title FROM {$table} ORDER BY id DESC");
if (mysql_num_rows($result) == 0) // table is empty
    echo '<ul><li>No images loaded</li></ul>';
else
{
    echo '<ul>';
    while(list($id, $image_time, $title) = mysql_fetch_row($result))
    {
        // outputing list
        echo "<li><input type='radio' name='del' value='{$id}'>";
        echo "<a href='{$PHP_SELF}?show={$id}'>{$title}</a> &ndash; ";
        echo "<small>{$image_time}</small></li>";
    }

    echo '</ul>';

    echo '<label for="password">Password:</label><br>';
    echo '<input type="password" name="password" id="password"><br><br>';

    echo '<input type="submit" value="Delete selected">';
}
?>

</form>
<h2>Upload new image:</h2>
<form action="<?=$PHP_SELF?>" method="POST" enctype="multipart/form-data">
<label for="title">Title:</label><br>
<input type="text" name="title" id="title" size="64"><br><br>

<label for="photo">Photo:</label><br>
<input type="file" name="photo" id="photo"><br><br>

<label for="password">Password:</label><br>
<input type="password" name="password" id="password"><br><br>

<input type="submit" value="upload">
</form>

Hi, I have a game image gallery using arrays to hold the current images, and when you go to a new location, like "newLocation=2" , it goes to a new array of background images. The problem is, when I try it in my browser, and I put in a new array of image for like, "location 2", The image doesn't show up, the images from location 1 show up. This is driving me nuts because I want to start adding content to the zones of my game already.LOL!. If anyone can help please I'd be very grateful. Thank you. Derek

ok, here is the code to the page, I only included the parts of the page that are relevant to what I am talking about.

Code: [Select]
<?php

session_start();




 
 
//$currentBackground='';
$echoLocation='';
$player='';
$monsters='';
$_SESSION['player'] = $player;// set this right after they log in, run this once, eventually in database.
$_SESSION['monsters']=$monsters;

$currentMonsterLevel='';//get rid of this eventually and put in session variable cuz we use it on other pages.
$currentPlayerLevel='';
$error='';
$playerHp='';//get rid and make session var.
$monsterHp='';
$echoPlayerMana='';
$echoMonster='';
$echoSpell='';
$player='';
$monsters='';
$playerMessage='';
$monsterMessage='';
$currentPLayerLevel ='';  
}
}
 

  




 //////////////////////////////////////////////////////////////////////////////////
 /////////////////////////////GAME NAVIGATION AND MONSTER SEARCH CODE NOT FINISHED//////////////////////////////////
 
$locations[0] = array();
$locations[1] = array(
'background_images' => array(
"<img src='sundragon_environments/ocean/ocean1_FRAME.jpg'/>",
"<img src='sundragon_environments/ocean/ocean1_FRAME2.jpg'/>",
"<img src='sundragon_environments/ocean/ocean1_FRAME3.jpg'/>",
"<img src='sundragon_environments/ocean/ocean1_FRAME4.jpg'/>",
"<img src='sundragon_environments/ocean/ocean1_FRAME5.jpg'/>"
),
'monster_images' => array(
"<img src='sundragon_monsters_source/water/goldfish/goldfish.png'/>",
"<img src='sundragon_monsters_source/water/eel/eel_transp_FRAME.png '/>",
"<img src='sundragon_monsters_source/water/shark/shark_transp_FRAME.png'/>",
"<img src='sundragon_monsters_source/water/octalisk/octalisk_transp_FRAME.png'/>",
"<img src='sundragon_monsters_source/water/teardrop_ocean_protector/teardrop_ocean_protector.png'/>"
)
);
$locations[2] = array(
'backgroundImages' => array(
"<img src='sundragon_environments/shore/teardrop_shore/teardrop_shore.jpg'/>"
),
'monster_images' => array(
"<img src='sundragon_monsters_source/water/goldfish/goldfish.png'/>" 
)
);

if(isset($_GET['newLocation']))
{
$_SESSION['current_location']=$_GET['newLocation'];
}
 
if(!isset($_SESSION['current_location']) && !isset($_SESSION['current_background']) && !isset($_SESSION['currentMonster']))
{
$_SESSION['current_location'] = 0;
$_SESSION['current_monster'] = 0;
    $_SESSION['current_background'] = 0;
}

if($_SESSION['current_location'] != 0) {
if(!isset($_SESSION['current_background']) && !isset($_SESSION['current_monster']))
{
$_SESSION['current_monster'] = 0;
$_SESSION['current_background'] = 0;
}

if(isset($_GET['further']))
{ //below is- inside the locations array, teardrop ocean (1) the background image is 4(example)+1 is set, then 
//do this
if(isset($locations[$_SESSION['current_location']]['background_images'][$_SESSION['current_background']+1])) {
$_SESSION['current_background']+=1;
}
if(isset($locations[$_SESSION['current_location']]['monster_images'][$_SESSION['current_monster']+1])) {
$_SESSION['current_monster']+=1;
}
}
elseif(isset($_GET['back']))
{
if(isset($locations[$_SESSION['current_location']]['background_images'][$_SESSION['current_background']-1])) {
$_SESSION['current_background']-=1;
}
if(isset($locations[$_SESSION['current_location']]['monster_images'][$_SESSION['current_monster']-1])) {
$_SESSION['current_monster']-=1;
}
} 

$currentBackground=$_SESSION['background'][$_SESSION['current_background']];
$currentMonster=$_SESSION['monster'][$_SESSION['current_monster']];
} else {
//?newLocation=1 means set it to Teardrop ocean.
$currentBackground = '
<img src="aradia.jpg" width="256" height="328" border="0" usemap="#Map" />
<map name="Map" id="Map">
   <area shape="rect" coords="5,176,81,249" href="?newLocation=1"/> 
</map>';
$currentMonster = '';
}
 
 


 

?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 
 
<title>Realm of the Sun Dragon</title>

<link rel="stylesheet" type="text/css" href="css/gamestyles.css">
<style type="text/css">
body {

 margin-top:-32px;
 padding:0;
 
color: gold;
}
table {
color: black;
}
.style8 {color: #000000}
</style>
</head>

<body oncontextmenu="return false;"> 

 

<div id="container">

<div id="monster_message"> <?php  echo "this is the monster battle and NPC talk window";?> </div>

 
 
 
 
 
 
<div id="currentWeapon">
   <img src="sundragon_interface_template/items/swords/sword_shrunk.png" width="190" height="65" /> </div>
   
 <div id="iframe_player_top_lft"  >
  <div id="left_player_stats"><table align="center" width="30" border="0">
    <tr>
     
      <td><strong>HP</strong></td>
      <td><strong><font color="red"><?php echo $playerHp;?></font></strong></td>
    </tr>
    <tr>
     
      <td><strong>MANA</strong></td>
      <td><strong><font color="green"><?php echo $echoPlayerMana;?></font></td>
    </tr>
    <tr>
     
      <td><strong>EXP</strong></td>
      <td><strong><font color="blue">999</font></strong></td>
    </tr>
    <tr>
     
      <td><strong>PLAT</strong></td>
      <td><strong><font color="white">999</font></strong></td>
    </tr>
  </table></div>
 
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p align="center"><strong><br />
      <span class="style8">Octalisk (Level <?php echo $currentMonsterLevel;?>) </span></strong>
      <br/>
       <strong><span class="style8">HP</span><font color="red"> <?php echo $monsterHp;?></font></strong> </p>
       
       
     
       
       
  <div id="spelleffectsleft" >
           
            <div class="divcenter">
              <div align="center">
                <div class="inline">
                <div align="center">spell</div>
                </div>
               
                <div class="inline">
                <div align="center">spell</div>
                </div>
               
                <div class="inline">
                <div align="center">spell</div>
                </div>
            </div>
            </div> <!--end divcenter-->
    </div><!--end spell effects-->
   
 
   
    <div id="bottomspellsleft" >
        <div class="divcenter">
            <div class="inline">
            <div align="center">spell</div>
            </div>
           
            <div class="inline">
            <div align="center">spell</div>
            </div>
           
            <div class="inline">
            <div align="center">spell</div>
            </div>
             
        </div> <!--end div center-->
 
  </div><!--end bottomspells-->
 
 
 
  </div><!-- end player div-->

 


<div id="iframe_spell_foreground"><?php echo $echoSpell;?></div>

<div id="iframe_monster_background"><?php echo $currentBackground;?></div>

<div id="iframe_transparent_monster"><?php echo $currentMonster;?></div>
 
 <!--not here-->
 

<div id="iframe_player_top_right"   >
  <table width="160" height="64" border="0" align= "center">
    <tr>
      <td width="160"><div align="center">
        <p><strong><br />
          Silverglade (Level: <?php echo $currentPLayerLevel;?>)<br />
        </strong></p>
        </div></td>
    </tr>
  </table>
 
 
 
    <div class="spelleffects" >
           
      <div class="divcenter">
           
                <div class="inline">
                <div align="center">spell</div>
                </div>
               
                <div class="inline">
                <div align="center">spell</div>
                </div>
               
                <div class="inline">
                <div align="center">spell</div>
                </div>
           
      </div>
    </div>
   
 
   
    <div class="bottomspells" >
      <div class="divcenter">
            <div class="inline">
            <div align="center">spell</div>
            </div>
           
            <div class="inline">
            <div align="center">spell</div>
            </div>
           
            <div class="inline">
            <div align="center">spell</div>
            </div>
             
      </div>
 
  </div>
 
</div>
 
 
 
 
<div id="iframe_chat_right">
the data from the chat message box will be output to this div</div>
 
  <!--not  here-->
 

 <div id="iframe_player_center_bottom" align="center" ><div style="display: inline;">
<form style="display: inline; margin: 0;" ...>
 <form style="display: inline; margin: 0;" action='gamestart_NEWEST.php' method='post'><input type='submit' name='attack' value='Attack'/><input type="submit" name="search" value="search" /><input type="submit" value="cast spell" name="spell" /><input type="submit" name="inventory" value="Inventory"/></form>
   
    <form style="display: inline; margin: 0;" method="get" action=""><input type="submit" value="go further" name="further" /> <input type="submit"value="Go back" name="back"/></form>
</form>
</div>
   
<div id="chat">
       
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">

    <strong>Message:</strong> &nbsp; &nbsp; &nbsp;
    <textarea name="message"></textarea>
    &nbsp; &nbsp; &nbsp; &nbsp;
    <input type="submit" name="submit" value="Chat">
    <input type="hidden" name="ip" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>">


</form>   </div></div></div>
 
 

 <!--not here-->
 
 
<div id="log_off"> <a href="logout.php"><strong>LOG OFF</strong></a> </div>

 



<!--not here-->








</div>
</body>
</html>

Hi i have this form which meant to upload the create an album but some how doesnt not work can some1 help please i use 3 files here they are addalbum.php is where is not working  the other files are just the database config and functions.php the error messages from the addalbum.php functions


addalbum.php
 require_once '../library/config.php';
require_once '../library/functions.php';

if(isset($_POST['txtName']))
{
   $albumName = $_POST['txtName'];
   $albumDesc = $_POST['mtxDesc'];

   $imgName = $_FILES['fleImage']['name'];
   $tmpName = $_FILES['fleImage']['tmp_name'];

   // we need to rename the image name just to avoid
   // duplicate file names
   // first get the file extension
   $ext = strrchr($imgName, ".");

   // then create a new random name
   $newName = md5(rand() * time()) . $ext;

   // the album image will be saved here
   $imgPath = ALBUM_IMG_DIR . $newName;

   // resize all album image
   $result = createThumbnail($tmpName, $imgPath, THUMBNAIL_WIDTH);

   if (!$result) {
      echo "Error uploading file";
      exit;
   }

   if (!get_magic_quotes_gpc()) {
      $albumName = addslashes($albumName);
      $albumDesc = addslashes($albumDesc);
   }

   $query = "INSERT INTO tbl_album (al_name, al_description, al_image, al_date)
   VALUES ('$albumName', '$albumDesc', '$newName', NOW())";

   mysql_query($query)
   or die('Error, add album failed : ' .    mysql_error());

   // the album is saved, go to the album list
   echo "<script>window.location.href='index.php?page=list-album';</script>";
   exit;
}
<!-- google_ad_section_end -->



 <FORM enctype="multipart/form-data" action="addalbum.php" method="post">
    <P>
    <LABEL for="firstname">al_name: </LABEL>
              <INPUT type="text" name="form" id="albumName"><BR>
    <LABEL for="lastname">al_description: </LABEL>
              <INPUT type="text" name="form" id="albumDesc"><BR>
    <LABEL for="email">al_date: </LABEL>
              <INPUT type="text"  id="NOW"><BR>
     <input type="file" name="newName" class="input">
<p><input type="submit" name="submit" value="Upload" class="submit"></p>

    </P>
 </FORM>
 


funtions.php
<?php

/*

Upload an image and create the thumbnail. The thumbnail is stored

under the thumbnail sub-directory of $uploadDir.

Return the uploaded image name and the thumbnail also.

*/

function uploadImage($inputName, $uploadDir)

{


$image     = $_FILES[$inputName];

$imagePath = '';

$thumbnailPath = '';

// if a file is given

if (trim($image['tmp_name']) != '') {

$ext = substr(strrchr($image['name'], "."), 1);

// generate a random new file name to avoid name conflict

// then save the image under the new file name

$imagePath = md5(rand() * time()) . ".$ext";

$result    = move_uploaded_file($image['tmp_name'], $uploadDir . $imagePath);

if ($result) {

// create thumbnail

$thumbnailPath =  md5(rand() * time()) . ".$ext";

$result = createThumbnail($uploadDir . $imagePath, $uploadDir . 'thumbnail/' . $thumbnailPath, THUMBNAIL_WIDTH);

// create thumbnail failed, delete the image

if (!$result) {

unlink($uploadDir . $imagePath);

$imagePath = $thumbnailPath = '';

} else {

$thumbnailPath = $result;

}

} else {

// the image cannot be uploaded

$imagePath = $thumbnailPath = '';

}

}

return array('image' => $imagePath, 'thumbnail' => $thumbnailPath);

}

/*

Create a thumbnail of $srcFile and save it to $destFile.

The thumbnail will be $width pixels.

*/

function createThumbnail($srcFile, $destFile, $width, $quality = 75)

{

$thumbnail = '';

if (file_exists($srcFile)  && isset($destFile))

{

$size        = getimagesize($srcFile);

$w           = number_format($width, 0, ',', '');

$h           = number_format(($size[1] / $size[0]) * $width, 0, ',', '');
$thumbnail =  copyImage($srcFile, $destFile, $w, $h, $quality);

}

// return the thumbnail file name on sucess or blank on fail

return basename($thumbnail);

}

/*

Copy an image to a destination file. The destination

image size will be $w X $h pixels

*/

function copyImage($srcFile, $destFile, $w, $h, $quality = 75)

{

   $tmpSrc     = pathinfo(strtolower($srcFile));

   $tmpDest    = pathinfo(strtolower($destFile));

   $size       = getimagesize($srcFile);

   if ($tmpDest['extension'] == "gif" || $tmpDest['extension'] == "jpg")

   {

      $destFile  = substr_replace($destFile, 'jpg', -3);

      $dest      = imagecreatetruecolor($w, $h);

      //imageantialias($dest, TRUE);

   } elseif ($tmpDest['extension'] == "png") {

      $dest = imagecreatetruecolor($w, $h);

      //imageantialias($dest, TRUE);

   } else {

     return false;

   }

   switch($size[2])

   {

      case 1:       //GIF

          $src = imagecreatefromgif($srcFile);

          break;

      case 2:       //JPEG

          $src = imagecreatefromjpeg($srcFile);

          break;

      case 3:       //PNG

          $src = imagecreatefrompng($srcFile);

          break;

      default:

          return false;

          break;

   }

   imagecopyresampled($dest, $src, 0, 0, 0, 0, $w, $h, $size[0], $size[1]);

   switch($size[2])

   {

      case 1:

      case 2:

          imagejpeg($dest,$destFile, $quality);

          break;

      case 3:

          imagepng($dest,$destFile);

   }

   return $destFile;

}

/*

Check if the user is logged in or not

*/

function checkLogin()

{

if (!isset($_SESSION['isLogin']) || $_SESSION['isLogin'] == false) {

header('Location: login.php');

exit;

}

}

/*

Create the link for moving from one page to another

*/

function getPagingLink($totalResults, $pageNumber, $itemPerPage = 10, $strGet = '')

{

$pagingLink    = '';

$totalPages    = ceil($totalResults / $itemPerPage);

// how many link pages to show

$numLinks      = 10;

// create the paging links only if we have more than one page of results

if ($totalPages > 1) {

$self = 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'] ;

// print 'previous' link only if we're not

// on page one

if ($pageNumber > 1) {

$page = $pageNumber - 1;

if ($page > 1) {

$prev = " <a href=\"$self?pageNum=$page&$strGet\">[Prev]</a> ";

} else {

$prev = " <a href=\"$self?$strGet\">[Prev]</a> ";

}

$first = " <a href=\"$self?$strGet\">[First]</a> ";

} else {

$prev  = ''; // we're on page one, don't show 'previous' link

$first = ''; // nor 'first page' link

}

// print 'next' link only if we're not

// on the last page

if ($pageNumber < $totalPages) {

$page = $pageNumber + 1;

$next = " <a href=\"$self?pageNum=$page&$strGet\">[Next]</a> ";

$last = " <a href=\"$self?pageNum=$totalPages&$strGet\">[Last]</a> ";

} else {

$next = ''; // we're on the last page, don't show 'next' link

$last = ''; // nor 'last page' link

}

$start = $pageNumber - ($pageNumber % $numLinks) + 1;

$end   = $start + $numLinks - 1;

$end   = min($totalPages, $end);

$pagingLink = array();

for($page = $start; $page <= $end; $page++) {

if ($page == $pageNumber) {

$pagingLink[] = " $page ";   // no need to create a link to current page

} else {

if ($page == 1) {

$pagingLink[] = " <a href=\"$self?$strGet\">$page</a> ";

} else {

$pagingLink[] = " <a href=\"$self?pageNum=$page&$strGet\">$page</a> ";

}

}

}

$pagingLink = implode(' | ', $pagingLink);

// return the page navigation link

$pagingLink = $first . $prev . $pagingLink . $next . $last;

}

return $pagingLink;

}

/*

Display the breadcrumb navigation on top of the gallery page

*/

function showBreadcrumb()

{

if (isset($_GET['album'])) {

$album = $_GET['album'];

$sql  = "SELECT al_name

                FROM tbl_album

        WHERE al_id = $album";

$result = mysql_query($sql) or die('Error, get album name failed. ' . mysql_error());

$row = mysql_fetch_assoc($result);

echo ' > <a href="index.php?page=list-image&album=' . $album . '">' . $row['al_name'] . '</a>';

if (isset($_GET['image'])) {

$image = $_GET['image'];

$sql  = "SELECT im_title

FROM tbl_image

WHERE im_id = $image";

$result = mysql_query($sql) or die('Error, get image name failed. ' . mysql_error());

$row = mysql_fetch_assoc($result);

echo ' > <a href="index.php?page=image-detail&album=' . $album . '&image=' . $image . '">' . $row['im_title'] . '</a>';

}

}

}

?>

config.php

<?php

session_start();

// db properties




$dbhost = 'localhost';

$dbuser = 'root';

$dbpass = '';    

$dbname = 'rock';

// an album can have an image used as thumbnail

// we save the album image here

define('ALBUM_IMG_DIR', 'C:/webroot/image');

// all images inside an album are stored here

define('GALLERY_IMG_DIR', 'C:/webroot/gallery/images/gallery/');

// When we upload an image the thumbnail is created on the fly

// here we set the thumbnail width in pixel. The height will

// be adjusted proportionally

define('THUMBNAIL_WIDTH', 100);

// make a connection to mysql here

$conn = mysql_connect ($dbhost, $dbuser, $dbpass) or die ("I cannot connect to the database because: " . mysql_error());

mysql_select_db ($dbname) or die ("I cannot select the database '$dbname' because: " . mysql_error());

?> 

I'm tired and just about given up. Can anybody help me?


Code: [Select]
<?php
$objConnect = mysql_connect("localhost","","root") or die(mysql_error());
$objDB = mysql_select_db("sdf");
$pic2 = "SELECT * FROM images";
if (!isset($_GET['Page'])) $_GET['Page']='0';
$pic1 = mysql_query($pic2);
$Num_Rows = mysql_num_rows($pic1);
$Per_Page = 16;   // Per Page
$Page = $_GET["Page"];
if(!$_GET["Page"])
{$Page=1;}
$Prev_Page = $Page-1;
$Next_Page = $Page+1;
$Page_Start = (($Per_Page*$Page)-$Per_Page);
if($Num_Rows<=$Per_Page)
{$Num_Pages =1;}
else if(($Num_Rows % $Per_Page)==0)
{$Num_Pages =($Num_Rows/$Per_Page) ;}
else
{$Num_Pages =($Num_Rows/$Per_Page)+1;
$Num_Pages = (int)$Num_Pages;}
$pic2 .=" order  by thumbnailID ASC LIMIT $Page_Start , $Per_Page";
$pic1  = mysql_query($pic2);
$cell = 0;
$link1 = "SELECT * FROM images";
$result_link1 = mysql_query($link1);
$link = mysql_fetch_array($result_link1);
$alt1 = "SELECT * FROM images";
$alt = mysql_fetch_array(mysql_query($alt1));
echo '
    <div id="tablediv">
      <table border="0" cellpadding="17" cellspacing="0" class="table">
        <tr>';

  while($pic = mysql_fetch_array($pic1)) {

    if($cell % 4 == 0) {
      echo '</tr><tr>';
    }

    if($cell == 2) {
      echo '
        <td>
          fillerspace
        </td>';
    } elseif ($cell == 3) {
      echo '
        <td>
Fillerspace2
        </td>';
    } else {
      echo '
        <td>
          <a href="/' . $link["link"] . '.php">
            <div class="image">
              <img src="https://s3.amazonaws.com/image/' . $pic["pic"] . '.png" 
                   alt="' . $alt["alt"] . '" 
                   height="200" 
                   width="200" 
              />
            </div>
          </a>
        </td>'; 
    }
    $cell++;
  }
  echo '</tr></table></div>';
?>
Basically, there are a couple of faults with this code. I didn't include the pagination part, but there is, for simplicity. But right now, when I insert a new record such as this:
INSERT INTO `images` VALUES (' ', 'blog', 'yo', '6', 'hello', '2011-02-15T07:24:17Z')
The columns go in order  of thumbnailID, folder, link, pic, alt, and time.^^^^^^^^

several problem arises. One, the new record is not displayed as the newest entry on my site. So the record is actually placed in one of the paginated pages. How can I reverse the order? The other thing is, it seems like my pic column is the only thing being understood. You see, when I inserted the above record, I checked my site and saw the pic 6, but the link wasn't 'yo', and the alt wasn't 'hello'. Why is that?

By the way, my host is awfully terrible. Maybe it's just having a major delay in reading the link and alt? I don't know. That would be the only reasonable answer, unless my code is off.

Thank you, and I'll check 10hours from now.

Hi, I am trying to make a simple thumbnail gallery where you upload an image, the image gets resized, a thumbnail is created in the "images/small/" directory, and the main images are in the "images/" directory.

I need to somehow read from both directories, and do an image link with  the thumbnail linking to the larger image. I think that means displaying from two directories, I don't know how to do that, please any help greatly appreciated. Thank you.

here is my code so far

Code: [Select]
<?php 
error_reporting(0);

$change="";
$abc="";


 define ("MAX_SIZE","400");
 function getExtension($str) {
         $i = strrpos($str,".");
         if (!$i) { return ""; }
         $l = strlen($str) - $i;
         $ext = substr($str,$i+1,$l);
         return $ext;
 }

 $errors=0;
  
 if($_SERVER["REQUEST_METHOD"] == "POST")
 {
  $image =$_FILES["file"]["name"];
$uploadedfile = $_FILES['file']['tmp_name'];
     
 
  if ($image) 
  {
 
  $filename = stripslashes($_FILES['file']['name']);
 
   $extension = getExtension($filename);
  $extension = strtolower($extension);


 if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif")) 
  {

  $change='<div class="msgdiv">Unknown Image extension </div> ';
  $errors=1;
  }
  else
  {

 $size=filesize($_FILES['file']['tmp_name']);


if ($size > MAX_SIZE*1024)
{
$change='<div class="msgdiv">You have exceeded the size limit!</div> ';
$errors=1;
}


if($extension=="jpg" || $extension=="jpeg" )
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefromjpeg($uploadedfile);

}
else if($extension=="png")
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefrompng($uploadedfile);

}
else 
{
$src = imagecreatefromgif($uploadedfile);
}

echo $scr;

list($width,$height)=getimagesize($uploadedfile);

//**Original**//
//$newwidth=60;
//$newheight=($height/$width)*$newwidth;
 
//**Modified to use height instead of width**//
//$newheight=350;
//$newwidth=($width/$height)*$newheight; 

// **IF NOT resizing full image then just pass variables.**//
$newheight=$height;
$newwidth=$width; 
//***adjust tmp***//
$tmp=imagecreatetruecolor($newwidth,$newheight);
//Thumbs
$newheight1=180;
$newwidth1=($width/$height)*$newheight1;
//**Original**//
//$newwidth1=25;
//$newheight1=($height/$width)*$newwidth1;
$tmp1=imagecreatetruecolor($newwidth1,$newheight1);

imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight,$width,$height);

imagecopyresampled($tmp1,$src,0,0,0,0,$newwidth1,$newheight1,$width,$height);


$filename = "images/". $_FILES['file']['name'];

$filename1 = "images/small/". $_FILES['file']['name'];



imagejpeg($tmp,$filename,100);

imagejpeg($tmp1,$filename1,100);

imagedestroy($src);
imagedestroy($tmp);
imagedestroy($tmp1);
}}

}

//If no errors registred, print the success message
 if(isset($_POST['Submit']) && !$errors) 
 {
 
   // mysql_query("update {$prefix}users set img='$big',img_small='$small' where user_id='$user'");
  $change=' <div class="msgdiv">Image Uploaded Successfully!</div>';
 }
 
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="en-us" http-equiv="Content-Language">

    <title>picture demo</title>
   
   <link href=".css" media="screen, projection" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery_002.js"></script>
<script type="text/javascript" src="js/displaymsg.js"></script>
<script type="text/javascript" src="js/ajaxdelete.js"></script>
   

  <style type="text/css">
  .help
{
font-size:11px; color:#006600;
}
body {
     color: #000000;
 background-color:#999999 ;
    background:#999999 url(<?php echo $user_row['img_src']; ?>) fixed repeat top left;


font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

}
.msgdiv{
width:759px;
padding-top:8px;
padding-bottom:8px;
background-color: #fff;
font-weight:bold;
font-size:18px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
#container{width:763px;margin:0 auto;padding:3px 0;text-align:left;position:relative; -moz-border-radius: 6px;-webkit-border-radius: 6px; background-color:#FFFFFF }
</style>

  </head><body>
     <div align="center" id="err">
<?php echo $change; ?>  </div>
   <div id="space"></div>
   
 
 
 
 
  <div id="container" >
   
   <div id="con">
   
     
     
        <table width="502" cellpadding="0" cellspacing="0" id="main">
          <tbody>
            <tr>
              <td width="500" height="238" valign="top" id="main_right">

  <div id="posts">
  &nbsp;&nbsp;&nbsp;&nbsp;<img src="<?php echo $filename; ?>" />  &nbsp;&nbsp;&nbsp;&nbsp;<img src="<?php echo $filename1; ?>"  />
    <form method="post" action="" enctype="multipart/form-data" name="form1">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
               <tr><Td style="height:25px">&nbsp;</Td></tr>
<tr>
          <td width="150"><div align="right" class="titles">Picture
            : </div></td>
          <td width="350" align="left">
            <div align="left">
              <input size="25" name="file" type="file" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt" class="box"/>
 
              </div></td>
 
        </tr>
<tr><Td></Td>
<Td valign="top" height="35px" class="help">Image maximum size <b>400 </b>kb</span></Td>
</tr>
<tr><Td></Td><Td valign="top" height="35px"><input type="submit" id="mybut" value="       Upload        " name="Submit"/></Td></tr>
        <tr>
          <td width="200">&nbsp;</td>
          <td width="200"><table width="200" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="200" align="center"><div align="left"></div></td>
                <td width="100">&nbsp;</td>
              </tr>
          </table></td>
        </tr>
      </table>
</form>
 
 
 
 
  </div>
 
 
 
 
  </td>
           
            </tr>
          </tbody>
     </table>
     

     
   
</div>
       
  </div>
 

   
</body></html>

This topic has been moved to mod_rewrite.

http://www.phpfreaks.com/forums/index.php?topic=318858.0

Hi
I am trying to build a site which has an image gallery with links on it. I want to list the the images in different ways and I have successfully made it work with a "shuffle"-script like this:

Code: [Select]
<?php 
$links[] = Array("../r/ahlens.html", "k/k.jpg");
$links[] = Array("../r/brothers.html", "k/k.jpg");
$links[] = Array("../r/hm.html", "k/k.jpg");
$links[] = Array("../r/kappahl.html", "k/k.jpg");
$links[] = Array("../r/mq.html", "k/k.jpg");
$links[] = Array("sida1.php", "k/l.jpg");
$links[] = Array("../r/kappahl.html", "k/k.jpg");
$links[] = Array("../r/mq.html", "k/k.jpg");
$links[] = Array("../r/nk.html", "k/k.jpg");

shuffle($links);

foreach($links as $link){
    echo "<a href=\"${link[0]}\" ><img src=\"${link[1]}\" class=\"randomImage\" /></a> ";  
}  
?>
It works fine and opens a new page when clicked.

Now I would like to make it listed by file name instead of shuffling. How do I do that without loosing the links? And can it be done with a Directory because there will be a lot more photos in the future?
(I would also like the link to pages to be opened in a nice popup. Can I implement that?)
Thanks in advance!