Hot!Ajax

Polaroid Gallery v.1.01

Thursday, 20 December 2007

The script loads images and image titles dynamically from an external xml file or a flickr RSS feed. Then the script processes the data and creates an interactive flash gallery.

Download:Polaroid Gallery v.1.01

License: Creative Commons License

Requirements: Modern Browsers with Flash

Demo:

About

Christopher Einarsrud was intended to develop a flash photo gallery called Polaroid Gallery for his online portfolio in year 2006, but he ended up going for something completely different. He thought that it might come in handy for someone else, so he decided to release it as a free and open source flash gallery for everyone. All the photos are displayed as Polaroid Photos, you can move them around with your mouse. You can also double click on each photo to zoom in. Polaroid Gallery looks so fresh and stunning that I would like to have one too.

photos.xml

<p><!-- Plase your photos here --></p> 
<p><photo desc="Picture is from hotajax.cn" url="_pics/1.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/2.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/3.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/4.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/5.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/6.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/7.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/8.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/9.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/10.jpg" />

</photo /></p>
<p><photo desc="Picture is from hotajax.cn" url="_pics/11.jpg" />

</photo /></p>

flickr_example.html

<p><div id="fullscreendemo"></p>
<p><strong>This site requires Flash Player 8.0 or greater</strong>

 Please click <a href="http://www.adobe.com/products/flashplayer/">here</a> to download.

 If you are sure you have the required version,

 press this link: <a href="http://www.firelife.cn/readme.html?detectflash=false">bypass the detection</a>.</div>

</p>
<script type="text/javascript">

 //<![CDATA[

 var so = new SWFObject("polaroid.swf", "polaroid", "100%", "100%", "8", "#FFFFFF");

 // I picked this id random

 so.addVariable("flickrID","49749008@N00");

 // pretty black and white photos

 so.addVariable("flickrTAGS","BlackandWhite");

 so.write("fullscreendemo");

 //]]>

 </script>

 so.addVariable("flickrID","your flickrID ");