html code:

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

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

To put 3 pictures to the preview line:

< script type="text/javascript" language="JavaScript" >
galid = new scrollgallery("galid", "pic1.jpg", "text1", "pic2.jpg", "text2", "pic3.jpg", "text3");
galid.leftarrow = "leftarrow.png";
galid.rightarrow = rightarrow.png";
// 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.sleeptime= 100;   // rise   sink timer of slide steps. Low values may cause browser hangup.
window.galid.width=200;   // visible width
window.galid.gallery=200;   // gallery width
window.galid.leftarrow = "leftarrow.png";   // pic for left arrow
window.galid.rightarrow = "rightarrow.png";   // pic for right arrow

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/scrollgal/scrollgal.php on line 170