Products  
 
             SDXGrid        Company        Pictures    

  SDXGrid
  SDXCalendar
  ChartSX
  SDXWorkflow
  SDXPhotoAlbum
   Servis Ustasi
Google

SDX Photo Album v1.1

Author: Serkant Samurkas | Homepage

Description: Photo Album script is ideal for displaying pictures, with the ability to categorize pictures. Script also includes sorting and navigation abilities.

  • Multi-level folders structure.
  • Interface completely customizable via CSS file.
  • Search and navigation abilities.

New features in version 2.0:

  • Slide mode will be added.

Demo: Click here to see an example of the photo album.


Directions

Step 1: First, download the following zip file, which subsequently contains the files required by the photo album:

Photo_Album.zip (click or click with Shift key depressed in NS to download)

The three files contained are "SDX_PictureAlbum.js", "SDX_PictureAlbum.css" and "sp_icoSearch.gif", which you should upload to your webpage directory.

       

Step 2: Insert the following code into the <HEAD>, right below the tag itself:

 

 <link href="SDX_PictureAlbum.css" type="text/css" rel="stylesheet" />

 

 <script language="javascript" src="SDX_PictureAlbum.js"></script>

  

Step 3: Finally, insert the below code into the <BODY> section of your page (To configure this part please follow the help file(SDX_PictureAlbum.chm) which is contained in the zip file.) :

 

     <div id="DV_PictureAlbum"></div>

<script language="javascript">
var PA_PictureAlbum=new SDX_PictureAlbum("PA_PictureAlbum","DV_PictureAlbum")
PA_PictureAlbum.Properties.Width=150;
F_Holland=PA_PictureAlbum.Folders.AddFolder("Holland",null)
F_USA=PA_PictureAlbum.Folders.AddFolder("USA",null)
F_NewJersey=F_USA.AddFolder("New Jersey")
F_NewYork=F_USA.AddFolder("New York")
F_Philedelphia=F_USA.AddFolder("Philedelphia")
PA_PictureAlbum.Fields.AddField("Description","Description",true)

// OBJ_FOLDER(0) - HEADER(1) - PATH(2)
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Trans-am","USA/NJ/Trans-am.JPG","Trans-am");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-1","USA/NJ/Christmas-1.JPG","Christmas-1");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-2","USA/NJ/Christmas-2.JPG","Christmas-2");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-3","USA/NJ/Christmas-3.JPG","Christmas-3");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-4","USA/NJ/Christmas-4.JPG","Christmas-4");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-5","USA/NJ/Christmas-5.JPG","Christmas-5");

PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-1","Holland/Samurkas-1.JPG","Samurkas-1");
PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-2","Holland/Samurkas-2.JPG","Samurkas-2");
PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-3","Holland/Samurkas-3.JPG","Samurkas-3");

PA_PictureAlbum.Initialize()
</script>

   
       1999-2008© All Rights Reserved. Serkant Inc.