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 our links intact.
Don't want our links in the script? You can support this project by purchasing a paid version.
What's included
- flashgallery.html - demo use of the gallery with comments;
- default.xml - customizable settings;
- flashgallery.swf - compiled Flash application;
- flashgallery.php - script that scans folder for JPG and PNG files and reads filenames;
- swfobject.js - script that detects Flash.
Installation tips
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 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"); // 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.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 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"); // 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.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 (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.
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_color | Text color |
text_visible | Show text (on, off) |
fullscreen_visible | Show fullscreen icon (on, off) |
Support
Please do not hesitate to contact us if you have any question or suggestion or if you want to report a bug.