html code:

in your html:
insert the javascript code source in the header:

< script type="text/javascript" src="bookgal.js" > < /script >

To put 3 pictures to the preview line:

< script type="text/javascript" language="JavaScript" >
galid = new bookgallery("galid", "pic1.jpg", "text1", "pic2.jpg", "text2", "pic3.jpg", "text3", "pic4.jpg", "text4","pic5.jpg", "text5","pic6.jpg", "text6");
// optional parameters
galid.displayIt();
< /script >

Please mind that the object name (in the example: galid) must be given back to the slidegallery function in first place.
You may set the following parameters optionally ( See the effect up in the example ):

window.galid.perspective= 0.2;   // rise   sink
window.galid.sleeptime= 20;   // rise   sink timer of paging steps. Low values may cause browser hangup.
window.galid.cornerbg= "#FCFCFC";   //background color for perspectivic effect for top and bottom sides. See here.
window.galid.pic_width= 240;   //initial width of the thumbnail pics. Please mind the proper aspect ratio of the original pictures.
window.galid.pic_height= 160;   //initial height of the thumbnail pics. Please mind the proper aspect ratio of the original pictures
window.galid.spine_width = 20;   //width of book spine_background
window.galid.spine_background = "url(../../images/spiral.jpg) no-repeat center";   // book spine background

You can download the javascript source here.

Name:
Email:
Comment:
*

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/www/uglydesign.freehostia.com/software/bookgal/bookgal.php on line 175