JavaScript Photo Gallery - Step by Step developers' Manual
In order to use this JavaScript Gallery in you project you should go through several real simple installation steps.
- As a fist step please ensure that you have the following file set in the project directory :
- wap_gallery.js
- style.css
- wap_config.js
- After that create a folder named "Comments". In this folder you can set up a separate html/txt file for
each picture in your gallery. The name of this file you will provide latter in the configuration file wap_config.js.
You can also create a file default.html that will be displayed in case you leave the field in
configuration file wap_config.js empty.
- Create folder named "images". Copy your images there.
- Fill the photo gallery configuration file wap_config.js. There you are to fill the parameters of function
PictureParam.
- As first parameter you must provide the picture's name (example : './images/image1.jpg').
- As second parameter you can put a file name of a text/html file that comprises some comments for this picture or leave it empty.
If the field is empty ./Comments/default.html file will be displayed.(example : './Comments/Comment2.html' or '').
- As a third parameter you can write the Picture's Title or leave it empty. In case the field is empty
the picture title will be the number of the picture in the list.
- In this configuration file you will find the following flags that will help you to fully customize you Photo Gallery unit :
- indexSeparator - Set up a separator for the Picture Number List unit.
- IsPictureNumberListEnable - Setting up values "Enable" / "Disable" you can switch on/off the Picture Number List unit
- IsPictureTitleEnable - Setting up values "Enable" / "Disable" you can switch on/off the Picture Title unit.
- slideDelay - This flag effects SlideShow picture change period.
- For further customization you are free to change the style.css file.
- The last step that you are to do is to copy the code comprised in the demo HTML file to you own HTML file and customize it in your own flavour.
Product's features :
- Bidirectional Slide Show
- Mouse click on the image cause image change
- Picture Number List - List of links to the pictures in the gallery represented by their number. This feature is configurable. See "Configuration Flags".
- Picture Title List - List of the Picture titles. The feature is implemented by Select item.
- Picture Title Select - The title of the current picture from the gallery is display. This feature is configurable. See "Configuration Flags".
- N.B. All Next/Previous buttons and direct click on the picture are block at the time of the SlideShow projection !!!