First thing to do create folder in your hosting site and name it to [b]gallery.[/b] BTW i use [b]freewebtown.com[/b] download the following codes and upload to your gallery folder: 1. [url=http://www.freewebtown.com/chardlau/Photo_Gallery/mootools.js][b]mootools.js[/b][/url] -This contains the full MooTools library, including the Core and More sections. 2. [url=http://www.freewebtown.com/chardlau/Photo_Gallery/main.css][b]main.css[/b][/url] - This contains all of the styles for the gallery. save in your css extension Save the following images and upload in your gallery folder: [img]http://www.freewebtown.com/chardlau/Photo_Gallery/down.jpg[/img] [img]http://www.freewebtown.com/chardlau/Photo_Gallery/left.jpg[/img] [img]http://www.freewebtown.com/chardlau/Photo_Gallery/right.jpg[/img] [img]http://www.freewebtown.com/chardlau/Photo_Gallery/up.jpg[/img] copy and upload in your gallery folder named it to [b]main.js[/b] be sure to edit [b]URL OF YOUR thumbs FOLDER/[/b] and [b]URL OF YOU pictures FOLDERS/[/b] <">3. Create index.html again upload in your gallery folder <">4. create sub folder in your gallery folder and name it to [b]pictures[/b] - This is where your fullsized pictures go, sized 530x272 pixels. Number the pictures 1.jpg, 2.jpg, etc. 5. create sub folder in your gallery folder and name it to [b]thumbs[/b] - This is where your thumbnails go, sized 111x57 pixels. Number the pictures 1.jpg, 2.jpg, etc. Make sure they match the order of the pictures in the pictures/ folder. Finally apply this code in your js extension: <">Adjust your width. I think this is best viewed in single column profile. for preview : [url=http://www.friendster.com/68405447][b]CLICK HERE[/b][/url] Click thumbs pictures to see the effects.

Last edited by chardlau (2008-08-03 15:09:19)