Flash Gallery
Created by Lacy Morrow
 
http://blog.geekkid.net/projects/gallery/
Last Updated: 07.01.2007
Description
Gallery is a flash-based web application that uses an external XML playlist to load and display images in an animated slideshow. It offers a wide range of selectable options, and can be used to display any number of images in many different ways with great transition effects.
Description
  1. ★ Load almost any type of image.
  2. ★ Easily load images from Flickr.
  3. ★ Add a custom watermark.
  4. ★ Load background music, set volume.
  5. ★ Display a custom title.
  6. ★ Show individual or global captions for each image.
  7. ★ Autoplay or wait for user to start.
  8. ★ Automatic resizing to fit, or crop to screen.
  9. ★ Set individual or global durations for photos.
  10. ★ Individual or global links.
  11. ★ Loop playlist option.
  12. ★ Control slideshow with keyboard.
  13. ★ Shuffle or play in order.
  14. ★ Start on any image or play from start.
  15. ★ Supports PNG and alpha channels.
  16. ★ Choose from 14 transitions, or set to random.
  17. ★ Random transition subsets make for a total of 101 possible effects.
Playlist
The XSPF Jukebox loads tracks through either the PHP “Playlister”, or an external .xspf or .xml file, created using the following format:
<?xml version="1.0" encoding="UTF-8"?>
<gallery>
    <title>title of the gallery</title>
    <audio>url of .mp3 file to be played</audio>
    <autoplay>boolean to set autoplay</autoplay>
    <caption>default caption</caption>
    <controls>boolean to set if controls are visible</controls>
    <crop>boolean to set cropped mode</crop>
    <duration>default duration in seconds</duration>
    <link>default url</link>
    <list>boolean to set if list is visible</list>
    <loop>boolean to set looping</loop>
    <shuffle>boolean to set shuffle mode</shuffle>
    <startimage>starting image number</startimage>
    <transition>default transition</transition>
    <volume>volume level percent</volume>
    <watermark>url of personal watermark</watermark>
    <images>
        <flickr>
            <method>advanced, the flickr API method to be used</method>
            <tags>photo search tags, separated by “+” symbols</tags>
            <user>flickr user id</user>
            <photoset>flickr photoset id</photoset>
            <vars>advanced, any flickr API variables</vars>
        </flickr>
        <image>
            <location>url of image</location>
            <transition></transition>
            <caption></caption>
            <duration></duration>
            <link></link>
        </image>
    </images>
</gallery>
 
* if the <flickr> tag is used without any corresponding parameters, photos are loaded from the “interestingness” set
transitions
  1. ★ bars
  2. ★ blinds
  3. ★ blocks
  4. ★ checker
  5. ★ circles
  6. ★ dissolve
  7. ★ fade
  8. ★ fadewhite
  9. ★ fluids
  10. ★ move
  11. ★ squeeze
  12. ★ wipe
  13. ★ zoom
Embedding
The “SwfObject” Javascript can be downloaded from http://blog.deconcept.com/swfobject/ . To use, place the file on your server, and add the following code into the head section of your .html page:
 
<script type="text/javascript" src="swfobject.js" />
 
Then add this code into the body section:
 
<div id="flashcontent"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="350" height="300" id="main" align="middle"><param name="movie" value="gallery?gallery_url=playlist.xml" /><param name="wmode" value="transparent" /><embed src="gallery.swf?gallery_url=playlist.xml" wmode="transparent" width="350" height="300" name="main" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<script type="text/javascript">
<!--
var so = new SWFObject("gallery.swf?gallery_url=playlist.xml", "main", "350", "300", "7", "#ffffff", true);
so.addParam("wmode", "transparent");
so.write("flashcontent");
window.document.main.focus();
-->
</script>