SMOOTH XML GALLERY WITH THUMBNAILS AND CATEGORIES DOCUMENTATION

Transcription

1 SMOOTH XML GALLERY WITH THUMBNAILS AND CATEGORIES DOCUMENTATION

2 1. GENERAL OVERVIEW Thank you for purchasing this product. The gallery is XMl driven so you can change it s content without any Flash knowledge. Check out the features of this smooth image viewer. FEATURES: preloads content before show TITLE and DESCRIPTION for each photo HTML formatted description for product support for JGP, PNG or GIF image types theoretically unlimited categories can be added background music with controls FULL SCREEN mode nice and smooth picture fade in optionally you can add the ARTIST NAME well synchronized categories reposition and resizing content when the browser is being resized. ZOOM and PAN option for recently viewed image. COLOR THEME can be changed from the XML file very easy The gallery is well designed, so will fit in any browser size (at least 900x600).Nice easing animation is added when the browser is being resized. Image info always will fit with the actual description length and actual picture width. Categories and thumbnails statements are well synchronized, so you can t click the same category twice. 2. SETUP Follow the instructions below for a quick setup. Open or edit the file named galleries/galleries.xml from.zip file <photographer name="artist name" themecolor="0x486799"></photographer> <gallery name="models" url="galleries/models/models.xml"></gallery> <gallery name="woman" url="galleries/woman/woman.xml"></gallery> <gallery name="editorial" url="galleries/editorial/editorial.xml"></gallery> Change the variables below in the <photographer > node: name themecolor -photographer or artist name (leave blank if you don t need this feature) -here you can set the color theme of your gallery

3 3. ADD/DELETE CATEGORY TO/FROM THE GALLERY Open or edit the file named galleries/galleries.xml from.zip file <photographer name="artist name" themecolor="0x486799"></photographer> <gallery name="models" url="galleries/models/models.xml"></gallery> <gallery name="woman" url="galleries/woman/woman.xml"></gallery> <gallery name="editorial" url="galleries/editorial/editorial.xml"></gallery> Change the variables below in the <gallery > node: name url -gallery name -url of new xml file containing info, relative to swf file If you wish to add a new category copy this node: and change it s attributes(name,url). Be aware to create the folders and xml file in the place where you specified their url description If you wish to delete a category just delete the node you don t need anymore:

4 4. ADDING/DELETING IMAGE TO/FROM CATEGORY When you want add images to a category you have to edit it s XML file that you ve been specified in section 3. Let s take for example the gallery named models. Open the file named models.xml located in the folder galleries/models: <foto title="title 7" thumb="galleries/models/thumb/th7.jpg" big="galleries/models/big/big7.jpg"> <description><![cdata[lorem Ipsum is simply dummy text of the printing and typesetting industry. <a href=" url here"><font color="#65ccff">another Link Here.</font></a>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.]]></description> <foto title="title 8" thumb="galleries/models/thumb/th8.jpg" big="galleries/models/big/big8.jpg"> galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.]]></description> <foto title="title 9" thumb="galleries/models/thumb/th9.jpg" big="galleries/models/big/big9.jpg"> galley of type and scrambled it to make a type specimen book.<a href=" url here"><font color="#65ccff">another Link Here.</font></a> It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.]]></description> <foto title="title 10" thumb="galleries/models/thumb/th7.jpg" big="galleries/models/big/big7.jpg"> galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.]]></description> I f you want to add picture to gallery copy/paste a <foto> node and edit it s attributes as follows: title thumb big <![CDATA[ ]]> -foto title -thmubnail url relative to swf file -big image url relative to swf file -image description goes here, can be used HTML formatting such as links, colors etc. I f you want to remove picture from gallery just delete the <foto> node you don t need any more.

5 5. CHANGE SOUNDTRACK Overwrite the file track.mp3 located in sound folder with any mp3 file you want(keep the same name track.mp3) 6. IMAGE FORMATTING This gallery is very flexible so you don t need to resize your big images, you only have to resize your thumbnails WIDTH -100 px - HEIGHT -100 px 7.UPLOADING In order to work the gallery correctly you have to keep the file structure like in the zip file. Upload all files and folders found in the zip file, less the folder named gs and the index.fla file For assistance don t hesitate to contact me : office@leskography.com