Demo
Polaroid Gallery is a free, opensource flash gallery developed by myself, Christopher Einarsrud, in the year of 2006.
I was originally going to use this for my online portfolio, but I ended up going for something completely different.
I thought that it might come in handy for someone else, so I decided to release it here. After all, I did put some work into it and it would be a pity to see it all go to waste…
How to use
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Meen Gallery v.1.01</title>
<script type="text/javascript" src="_inc/swfobject.js"></script>
<link href="_inc/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="fullscreendemo" align="center">
<strong>This site requires Flash Player 8.0 or greater</strong><br />
<script type="text/javascript">
//<![CDATA[
var so = new SWFObject("polaroid.swf", "polaroid", "500", "500", "8", "#FFFFFF");
// specify the url to the xml-file, default is photos.xml
so.addVariable("xmlURL","photos.xml");
so.write("fullscreendemo");
//]]>
</script></div>
</body>
</html>
Data file
<?xml version="1.0" encoding="utf-8"?>
<photos>
<!-- Plase your photos here -->
<photo desc="Meen1" url="_pics/IMGP0021.JPG" />
<photo desc="Meen3" url="_pics/IMGP0023.JPG" />
<photo desc="Meen4" url="_pics/IMGP0024.JPG" />
<photo desc="Meen5" url="_pics/IMGP0025.JPG" />
<photo desc="Meen6" url="_pics/IMGP0026.JPG" />
<photo desc="Meen7" url="_pics/IMGP0027.JPG" />
<photo desc="Meen8" url="_pics/IMGP0028.JPG" />
<photo desc="Meen9" url="_pics/IMGP0029.JPG" />
<photo desc="Meen10" url="_pics/IMGP0030.jpg" />
<photo desc="Meen11" url="_pics/IMGP0031.jpg" />
<photo desc="Meen12" url="_pics/IMGP0032.jpg" />
<photo desc="Meen13" url="_pics/IMGP0033.jpg" />
<photo desc="Meen14" url="_pics/IMGP0034.jpg" />
<photo desc="Meen15" url="_pics/IMGP0035.jpg" />
<photo desc="Meen16" url="_pics/IMGP0036.jpg" />
<photo desc="Meen17" url="_pics/IMGP0037.jpg" />
<photo desc="Meen19" url="_pics/IMGP0038.jpg" />
<photo desc="Meen20" url="_pics/IMGP0039.jpg" />
<photo desc="Meen21" url="_pics/IMGP0040.jpg" />
</photos>
More info
http://www.no3dfx.com/polaroid/
Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…
Some of you might have heard of JonDesign’s SmoothSlideshow. SmoothGallery is its evolution.
So, what is so cool about it ?
How to use
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slide Show</title>
<link rel="stylesheet" href="layout.css" type="text/css" media="screen" />
<link rel="stylesheet" href="jd.gallery.css" type="text/css" media="screen" />
<script src="mootools.v1.11.js" type="text/javascript"></script>
<script src="jd.gallery.js" type="text/javascript"></script>
</head>
<body bgcolor="#FFFFFF">
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
</script>
<div class="content">
<div id="myGallery" class="white_content">
<div class="imageElement">
<font></font>
<p>Llama Graze Where Potatoes Once Grew</p>
<a href="#" title="open image" class="open"></a>
<img src="post_photo/img_b.jpg" class="full" />
<img src="tump.php?filedir=post_photo/img_b.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<font></font>
<p>Timeless View</p>
<a href="#" title="open image" class="open"></a>
<img src="post_photo/img_1.jpg" class="full" />
<img src="tump.php?filedir=post_photo/img_1.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<font></font>
<p>Windows</p>
<a href="#" title="open image" class="open"></a>
<img src="post_photo/img_e.jpg" class="full" />
<img src="tump.php?filedir=post_photo/img_e.jpg" class="thumbnail" />
</div>
</div>
</div>
</body>
</html>
http://smoothgallery.jondesign.net
Read the rest of this entry »
Statistics