PHPBuilder - Vdc Photo Gallery



RSS Twitter
Snippets Graphics

Vdc Photo Gallery

by: nicola degara
|
October 6, 2001

Version: 0.1

Type: Full Script

Category: Graphics

License: GNU General Public License

Description: It's a web photo gallery written in php 3.*++, Js, CSS1. It gets images from more than one directory in the File System and put them in a web page with a custom number of visualization.



   <?

//------------->          START OF galleryInstall.php

   /*
   ********************************************************************************************************************
                                                                                                V D C   G A L L E R Y  ver 0.2

                                                                                               o   p   e    n     s   o   u   r   c   e

                                                                                                         by Nicola Degara

                                                                                                   nicola@valdelchiese.net

                                                                                                http://www.valdelchiese.net

                                                                                                      2001-10-06  (ITALY)
    ********************************************************************************************************************

    "LANGUAGES":    - PHP 3.*
                                - JS DOM LEVEL 1
                                - CSS LEVEL 1

    "PACKAGE"    :    - galleryInstall.php
                                - galleryDetail.php
                                - gallery.php
                                - ico.gif

     "README"     :This simple photo gallery reads the images in the FileSystem from lots of directories, then put them into an Array ();
                             Belove there is an example to see HOW insert new directory  in the gallery:

                             $nome="name of directory";          // modify this line
                             array_push( $pathArray, $nome); // do not modify this line
                             $counter++;                                     // cut away this line only if there are no more directories listed belove!!

                             Let me know if can I help you!



     ********************************************************************************************************************




   */


    /*################################################ S T A R T    O F    B U I L D I N G     P AT H     A R R A Y*/

   $pathArray=array();
   $counter=0;   // initialize the number of  pathArray'  Key

   $nome="image_upload";
   array_push( $pathArray, $nome);
   $counter++;

    $nome="ecomuseo/SiteAdmin/uploader/data/images";
   array_push( $pathArray, $nome);
   $counter++;

    $nome="images";
   array_push( $pathArray, $nome);
    /*################################################ E N D    O F    B U I L D I N G     P AT H     A R R A Y*/






//################################################ ######################## ######################## ########################
 //------------->          START OF gallery.php
//################################################ ######################## ######################## ########################

 /*
   ********************************************************************************************************************
                                                                                                V D C   G A L L E R Y  ver 0.2

                                                                                               o   p   e    n     s   o   u   r   c   e

                                                                                                         by Nicola Degara

                                                                                                   nicola@valdelchiese.net

                                                                                                http://www.valdelchiese.net

                                                                                                      2001-10-06  (ITALY)
    *********************************************************************************************************************/?>
 <?require ("galleryInstall.php")?>
 <html>
 <body>
 <style>
        .menuHref {
                Color: #ffffff;
                Text-Decoration: none;
        }
        .menuHref:visited { color: #00FFCC; }
        .text{
            text-decoratione=none;
            font-family: serif,"Verdamna";
            font-size: x-small;
            font-variant: normal;
            font-weight: normal;
            vertical-alignment: top;
            text-transformation: none;
        }
        td{
              background-color:Gray;
              vertical-align:middle;
              border-color:#666699;
        }
        .button{
               color: #ffffff;
               width:auto;
               height:14pt;
               background-color:Gray;
               border-color:#FAFAFA;
        }
</style>
 <table align="center" border=1>
 <tr>
 <?
   //################################################ S T A R T   O F   P A G I N G
   $pager=25; // number of photos in a page
   $cells=5;      //number of horizontal cells
   if   ($h !=""){
      $offset=$h+$pager;
   }else{
      $offset=$pager;  //number of elements
      $h=0;

   }
   //################################################ E N D   O F   P A G I N G


    $y=0;
    $key=0;// key of imgArray

    while ($counter>= $y) {                                                                                      //loop on directory   -->FILESYSTEM
          $path=$pathArray[$y];
          $handle  = opendir($path);
          while  ($file = readdir( $handle)) {              //loop on files
                if( $file != "."  || $file != ".."  || trim($file) !="" ) {
                       $imgArray[$key]= array("file"=>"$file","path"=>"$path");
                  }
                  $key++;
          }
        $y++;
     }

     $td=0;
      while  ( $h<$offset ) {                                                                                          //loop on 'files'  stored in     imgArray[]
                  $file=$imgArray[$h]["file"];
                  $path=$imgArray[$h]["path"];
                  $printer=" ";
                  if($td == $cells){
                        $printer.="</tr><tr>\n";
                        $td=0;
                   }

                   if (   (trim($path)=="" ) ||  (trim($file) =="") || ($file==".") || ($file == "..")   )  {// check data stability in imgArray
                       $td= $td-1;
                    }else{
                       $number = $h-1;
                       $printer.="<td valign='middle' align='center' style='vertical-align:top'><table width='100%'   border='1' align='center'  class='text' cellspacing='0'> \n";
                       $printer.="\t\t<tr>\n";
                       $printer.="\t\t\t<td width='10%'  style='background-color:#FFFFFF;'>".$number."</td><td  style='background-color:#FFFFFF;' width='90%' align='left'><input type='image' src='ico.gif'  href='#' onClick=\"javascript:Detail_Img('".$path."/".$file."');\"   width='21' height='12' border='0'></td>\n";
                       $printer.="\t\t</tr>\n";
                       $printer.="\t\t<tr>\n";
                       $printer.="\t\t\t<td colspan='2' align='center' ><img src='$path/$file'  border='0' height='70'></td>\n";
                       $printer.="\t\t</tr>\n";
                       $printer.="</table></td>\n";
                    }

                  echo $printer;
                  $td++;
                  $h++;
         }
  ?>

 </tr>
 <tr><td colspan='<?=$cells?>' >
 <table width="100%" class='text'>
 <tr>
    <td align="left" width="50%">
        <?if ($h>$pager){
            $back= $h-($pager+$pager);?>
            <INPUT type="button" value="<<" class="button" id="btn" onClick="javascript:document.location.href='gallery.php?h=<?=$back?>&pager=<?=$pager?>' ;">
      <?}?>
    </td>
    <td align="right" width="50%">
     <?if ($h<$key){?>
       <INPUT type="button" value=">>" class="button" id="btn" onClick="javascript:document.location.href='gallery.php?h=<?=$h?>&pager=<?=$pager?>' ;">
     <?}?>
    </td>
 </tr>
 </table>
 </body>
 <script language="JavaScript">
  function Detail_Img(path){
      window.open('galleryDetail.php?path='+path,path,'width=10,height=10,resizable=yes,toolsbat=none');
  }
 </script>
 </html>

<?
 //################################################ ######################## ######################## ########################
 //------------->          START OF galleryDetail.php
//################################################ ######################## ######################## ########################
  ?>
 <? /*
   ********************************************************************************************************************
                                                                                                V D C   G A L L E R Y  ver 0.2

                                                                                               o   p   e    n     s   o   u   r   c   e

                                                                                                         by Nicola Degara

                                                                                                   nicola@valdelchiese.net

                                                                                                http://www.valdelchiese.net

                                                                                                      2001-10-06  (ITALY)
    *********************************************************************************************************************/?>

<html>
       <div  id="box">
        <body onLoad="JavaScript:return ImgProperties();" onResize="return ImgProperties();" class="bodyStyle">
        <style>
                 .button{
                   color: #ffffff;
                   width:auto;
                   height:15pt;
                 }

                .bodyStyle{
                    margin-top: -0.5ex;
                    margin-right: -0.5ex;
                    margin-left: -0.5ex;
                    margin-bottom: auto;
                    cursor:crosshair;
               }
               td{
                  text-align:center;
               }
        </style>

                <TABLE align="center">
                        <TR>
                                <TD colspan="2"><IMG src="<?=$path?>"  id="img"></TD>
                        </TR>
                         <TR>
                                <TD>
                                    <INPUT type="button" value="Stampa" class="button" id="btn" onClick="PrintImg();">
                                </TD>
                        </TR>
                           <TR>
                                <TD>
                                 <INPUT type="button" value="Chiudi" class="button" id="btn" onClick="KillEmAll();">
                                </TD>
                        </TR>
                </TABLE>
        </body>
       </div>
    <script language="JavaScript">
        function ImgProperties(){
           var Img_x= document.getElementById('img').width;
           var Img_y= document.getElementById('img').height;

           document.getElementById('box').width=Img_x;
           document.getElementById('box').height=Img_y;
           //var X=Img_x;

           Img_y=Img_y + 60;
           window.resizeTo(Img_x,Img_y);
           return true;
        }
        function KillEmAll(){
            window.close();
        }
         function PrintImg(){
            window.print();
        }
    </script>
</html>

Comment and Contribute

Your comment has been submitted and is pending approval.

Author:
nicola degara

Comment:



Comment:

(Maximum characters: 1200). You have characters left.