Someone must know how to do this....

[TwelveBeads]

or at least point me in the right direction. I found this ThumbGallery and it is exactly what I want. How do I add this to my site?

The ThumbGallery Template includes all you need to create a stand-alone gallery or a gallery to add to your html pages. You do not need the Flash application to use the ThumbGallery Template.

Step 1- Create your images
Create two JPGs for each image - one sized for the thumbnail and one sized for the main image. These images can be any dimension. Add these JPGs to the images folder. Make sure the JPGs are saved as non-progressive JPGs.
Step 2- Populate the XML file
The XML file is a simple text file that tells ThumbGallery where the images are and in what order to display them. It is also used to customize the look of the gallery. The Template includes an XML file named "gallery_data.xml" for you to update. The XML structure looks like this:


<gallery>
<!--The line below defines the path to the folder where your images are-->
<setup path="images/" >
<!--The lines below are used to edit and add properties to change the look of the gallery-->
<imgWidth>500</imgWidth>
<imgHeight>400</imgHeight>
<thumbWidth>50</thumbWidth>
<thumbHeight>50</thumbHeight>
<transitionType>wipe</transitionType>
<thumbnailRows>2</thumbnailRows>
</setup>
<!--The following lines are where you set the names of images and thumbnails -->
<item>
<thumb>thumb1.jpg</thumb>
<img>image1.jpg</img>
</item>
<item>
<thumb>thumb2.jpg</thumb>
<img>image2.jpg</img>
</item>
</gallery>


Within the <setup> node you can add many properties to change the look of the gallery. A full list can be found here. Each image you have in your gallery is defined in the <item> node. This is where you type in the name of the main image and thumbnail image. There is no limit to the number of images in a gallery.

Step 3- Test and load to your web site
Test your gallery by opening the gallery.html file in a browser. Then upload the following files to your web server: gallery.swf, gallery.html, gallery_data.xml and the images folder. - you're done!

[Watdaflip]

Re: Someone must know how to do this....

For each image you want to show in the gallery you have to tell it to show them. To do that you have to edit the xml file it uses, for each image you have to add this code

<item>
<thumb>thumb.jpg</thumb>
<img>image.jpg</img>
</item>

if you want 4 images, there should be 4 sets of the code above.

[TwelveBeads]

Re: Someone must know how to do this....

Where is the code going? I think I can manage playing with the code I just can not figure out where to put it.

[Watdaflip]

Re: Someone must know how to do this....

open "gallery_data.xml", the code you posted should be in it. once you edit it upload it to your webspace in the same folder you uploaded the flash files

[an_talpur]

Re: Someone must know how to do this....

nice sharing. thx