Introduction
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>
<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>
Submit an article or tip
Post your Blog
