Untitled Document

# Flash Gallery

## License

This application is developed by Reality Software and released by Flash Gallery under the Creative Commons Attribution 3.0 license, which means you can use it in any way you want provided you keep links to authors intact.

## What's included

- flashgallery.html - demo use of a gallery with comments (you can copy and paste the code from this file to your website)
- flashgallery.swf - compiled flash application (not editable)
- flashgallery.php - script that scans folder for JPG and PNG files and reads filenames (do not edit this file)
- default.xml - customizable settings (you can edit this file)

## Installation tips

- Local images
- Flickr photostream

### Step 1

Copy all files to your webserver and try running flashgallery.html. You should be able to view demo images. If it works, then move to the next step.
Note: Your server should support PHP for this script to work.

### Step 2

You need to embed gallery into your webpages. You can copy and paste code from flashgallery.html or from here.
Note: You can change the location of files in the following code. The path can be relative or absolute (except for img folder, which should always be relative to php script).
Add this to the head of your webpage:
`<!-- Location of javascript. -->
<script language="javascript" type="text/javascript" src="swfobject.js" ></script>`
Add this to the body of your webpage, where you want player to appear:
`<!-- Div that contains gallery. -->
<div id="gallery" align="center">
<h1>No flash player!</h1>
<p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer" >Click here</a> to go to Macromedia download page.</p>
</div>
<!-- Script that embeds gallery. -->
<script language="javascript" type="text/javascript">
var so = new SWFObject("flashgallery.swf", "gallery", "640", "480", "8"); // You can change gallery width and height here or by styling div that contains gallery (use pixels or percents).
so.addParam("quality", "high");
so.addParam("allowFullScreen", "true");
so.addVariable("content_path","img"); // Location of a folder with JPG and PNG files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of xml file with settings.
so.addVariable("script_path","flashgallery.php"); // Location of php script.
so.write("gallery");
</script>`
Note: You can change gallery width and height either in script or by styling div that contains gallery (use pixels or percents).
Add this somewhere in the body of your webpage:
`<!--
Please place this link anywhere on the page that uses Flash Gallery.
You can style it anyway you want, but do not change or delete it.
Read the license! Thanks. :-)
-->
Powered by <a href="http://www.flash-gallery.org">Flash Gallery</a>`

### Step 3

Upload your JPG and PNG files to img folder.

### Step 1

You need to embed gallery into your webpages. You can copy and paste code from flashgallery.html or from here.
Note: You can change the location of files in the following code (the path can be relative or absolute).
Add this to the head of your webpage:
`<!-- Location of javascript. -->
<script language="javascript" type="text/javascript" src="swfobject.js" ></script>`
Add this to the body of your webpage, where you want player to appear:
`<!-- Div that contains gallery. -->
<div id="gallery" align="center">
<h1>No flash player!</h1>
<p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer" >Click here</a> to go to Macromedia download page.</p>
</div>
<!-- Script that embeds gallery. -->
<script language="javascript" type="text/javascript">
var so = new SWFObject("flashgallery.swf", "gallery", "640", "480", "8"); // You can change gallery width and height here or by styling div that contains gallery (use pixels or percents).
so.addParam("quality", "high");
so.addParam("allowFullScreen", "true");
so.addVariable("content_path","http://www.flickr.com/photos/username/"); // Link to Flickr photostream (for example "http://www.flickr.com/photos/username/" or "http://www.flickr.com/photos/username/sets/setid/").
so.addVariable("color_path","default.xml"); // Location of xml file with settings.
so.write("gallery");
</script>`
Note: You can change gallery width and height either in script or by styling div that contains gallery (use pixels or percents).
Add this somewhere in the body of your webpage:
`<!--
Please place this link anywhere on the page that uses Flash Gallery.
You can style it anyway you want, but do not change or delete it.
Read the license! Thanks. :-)
-->
Powered by <a href="http://www.flash-gallery.org">Flash Gallery</a>`

### Step 2

Replace "http://www.flickr.com/photos/username/" with a link to your Flickr photostream or set.

## Customizing gallery

You can customize gallery looks in default.xml by changing the following variables:

`thumb_bg_color` | Thumbnails border color
`thumb_bg_over` | Mouseover and current thumbnails border color
`scroll_but_bg` | Scroll buttons color
`scroll_but_arrow` | Scroll buttons arrows color
`scroll_but_bg_over` | Mouseover scroll buttons color
`scroll_but_arrow_over` | Mouseover scroll buttons arrows color
`big_pic_border` | Main picture border color
`next_pic_bg` | Next-previous buttons color (semi-transparent)
`next_pic_arrow` | Next-previous buttons arrows color
`next_pic_bg_over` | Mouseover next-previous buttons color
`next_pic_arrow_over` | Mouseover next-previous buttons arrows color
`background_color` | Overall background color
`text_visible` | Show text (1 - yes, 0 - no)
`text_color` | Text color
`fullscreen_visible` | Show fullscreen icon (1 - yes, 0 - no)

## Support

Please do not hesitate to contact us if you have any question or suggestion or if you want to report a bug.