Linked Images Easy Viewer Instructions


Files included:
 - linkedImagesEasyViewer.fla
 - linkedImagesEasyViewer.swf
 - gallery.xml
 - style.css
 > caurina (Tweener files)
 > images (Eden library image assets)
 - SupportedHTML.rtf
 - Instructions.txt (this file)

Note: This file uses the Tweener Class, which is made up of the files in the caurina folder.  There is no need to touch or edit these, but just make sure they are in the same directory/folder as your SWF.

Instructions / Setting up your file:

[1] Gallery Position - Let's start with position the gallery.  In the gallery.xml file, replace the number 0 with the number in pixels you desire for the horizontal position of the gallery between the <galleryXPosition> tags; the initial starting point of the gallery.  Then replace the number 0 with the number in pixels you desire for the vertical position of the gallery between the <galleryYPosition> tags; the initial starting point of the gallery. If you just plan for the gallery to take up the whole stage, just leave the values at 0.

[2] Gallery width and height - Just below the x and y positioning tags, replace 590 between the <galleryWidth> tags with what number in pixels you desire for the width and replace 300 between the <galleryHeight> tags with what number in pixels you desire for the height.

[3] Image width and height - The height of the images should be the same height as the value you passed into the galleryHeight tags.  The image widths can be any width you wish, however, they must all have the same width.  Replace 590 between the <imageWidth> tags with the width of your images.

[4] Description bar color and transparency - Below the gallery positioning and size tags, are the <descriptionBarColor> and <descriptionBarAlpha> tags.  To change the color of the description background bar, replace the 0x000000 value with a new hexidecimal color value. If you are not familiar with hexidecimal number codes, just serach "hexidecimal color" in google to see a number of colors and their number codes. To change the description background bar's transparency, replace the 0.5 value with what you wish; you can put in a value anywhere from 0 to 1. For example, 0.37 equals 37% transparency.

[5] Setting up an image with a description and linking out URL:
   [1] In the gallery.xml, in between the <item> tags, there are 4 tags for the image..  The <item> tags and the content within represent one image.
   [2] The imageURL - Replace the file path in between the <imageURL> tags with your own to load in that image.
   [3] The description - Replace the content within the <description> tags with your own.  The example description uses HTML to format the text, applying new text color and text size and creating a link.  Please see the SupportedHTML.rtf file for help with HTML formatting and what is supported.  Please also open the style.css to style your link and textual content.
   [4] The linkOutURL - Replace the URL between the <linkOutURL> tags with your own URL that you wish to link out to.  If you do not wish to link out to any URL, leave this completely blank.
   [5] The linkOutTarget - Replace _blank between the <linkOutTarget> tags with your own link out target.  You can choose from _blank and _self.  _blank will link out opening a new page for your link, while _self will link to the URL in the same window that the user is in when viewing this.