banner
 
Rotating wheel gallery

html code:

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

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


To put 3 pictures to the preview line:

< script type="text/javascript" language="JavaScript" >
galid = new wheelgallery("galid", "pic1.jpg", "text1", "pic2.jpg", "text2", "pic3.jpg", "text3");
// optional parameters, see below
< /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.speed= 1;   // rise   sink
window.galid.perspective= 0.3;   // rise   sink
window.galid.radius= 160;   // rise   sink
window.galid.sleeptime= 100;   // rise   sink timer of rotation steps. Low values may cause browser hangup.
window.galid.pic_width= 160;   //initial width of the thumbnail pics. Please mind the proper aspect ratio of the original pictures.
window.galid.pic_height= 120;   //initial height of the thumbnail pics. Please mind the proper aspect ratio of the original pictures


You can download the javascript source here.




comment it:

Name:
Email:
Comment:
*

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