XML Thumbnail Banner / Slider

If you want a simple, elegant and effective way to display your work, this banner offers that plus more. It also now includes a slide show feature that is configurable through XML

It is written in AS3 and uses an XML file to add or remove projects.

You can insert JPGs, PNGs, GIFs and even SWFs (as seen in the ‘Blobs..and stuff’ project).

You are also able to add a link to the main image display. If you do not want it to be a link, you just leave the tag empty.

    <config
         useSlideShow="true" 
         slideShowInterval="6000" //milliseconds

         arrowColor="0xffffff" 
         arrowOverColor="0x000000" 

         thumbnailGlowColor="0x000000" 
         thumbnailGlowBlur="5" 
         thumbnailSlideEase="Expo.easeOut" 
         thumbnailSlideDuration="0.4" 

         thumbnailImageOverScale="1.05" 
         thumbnailImageOutScale="1" 
         thumbnailImageOverEase="Expo.easeOut" 
         thumbnailImageOutEase="Expo.easeOut" 

         thumbnailTextOverEase="Back.easeOut" 
         thumbnailTextOutEase="Back.easeOut" 
         thumbnailTextOutEaseDelay="0.2" 
         thumbnailTextColor="0x666666" 
         thumbnailTextBackgroundColor="0xffffff" 
         thumbnailTextBackgroundGlowColor="0xffffff" 
         thumbnailTextBackgroundGlowBlur="5" 

         titleBarTextColor="0xffffff" 
         titleBarBackgroundColor="0x000000" 
         titleBarGlowColor="0xffffff" 
         titleBarGlowBlur="5" 

         imageButtonTextColor="0xffffff" 
         imageButtonTextOverColor="0xffffff" 
         imageButtonBackgroundColor="0x000000" 
         imageButtonBackgroundOverColor="0xffffff" 
         imageButtonOverEase="Expo.easeOut" 
         imageButtonOutEase="Expo.easeOut" 
         imageButtonOutEaseDelay="0.05" 
     />

Adding a new project is as easy as copy and paste. Here is an example node:

        <project>
            <title>Rockable Press, July 2008</title>
            <url>http://activeden.net/user/rondog</url>
            <thumb>images/portfolio/thumb.jpg</thumb>
            <images>
                <image>images/portfolio/1.jpg</image>
                <image>images/portfolio/2.jpg</image>
                <image>images/portfolio/3.jpg</image>
                <image>images/portfolio/4.jpg</image>
                <image>images/portfolio/5.jpg</image>
                <image>images/portfolio/6.jpg</image>
                <image>images/portfolio/7.jpg</image>
                <image>images/portfolio/8.jpg</image>
                <image>images/portfolio/9.jpg</image>
            </images>
        </project>