Flash Gallery

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 with local images.

Step 2

You need to embed the gallery into your webpages. You can copy and paste code from flashgallery.html or from here.
Note: You can change 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 gallery 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", "800", "600", "8"); // Location of SWF file. You can change gallery width and height here (using pixels or percents).
so.addParam("quality", "high");
so.addParam("allowFullScreen", "true");
so.addParam("wmode", "transparent");
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 (using 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 the gallery into your webpages. You can copy and paste code from here.
Note: You can change 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 gallery 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", "800", "600", "8"); // Location of SWF file. You can change gallery width and height here (using pixels or percents).
so.addParam("quality", "high");
so.addParam("allowFullScreen", "true");
so.addParam("wmode", "transparent");
so.addVariable("content_path","http://www.flickr.com/photos/username/"); // Link to Flickr photostream or set.
so.addVariable("color_path","default.xml"); // Location of XML file with settings.
so.addVariable("api_key","xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"); // Flickr API key.
so.write("gallery");
</script>

Note: You can change gallery width and height (using 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 (for example "http://www.flickr.com/photos/username/sets/12345678901234567/").

Step 3

Replace "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" with your Flickr API key.
Note: You can get an API key by going to Flickr App Garden -> Get an API key -> Non-Commercial (you will need to be logged-in).