Gestalt Imageflow Widget
The ImageFlow Widget displays images that are styled with an "imageflow" class. All you need to add to your pages is is copy the below markup and copy the additional files: imageflow.xaml, imageflowic.xaml, imageflowitem.xaml, and imageflow.py to that directory. Note that you will need to have the DLR.js, DLR.xap, and the *.slvx files set up on your server in order for this Widget to work.
To show your images in the Imageflow Widget simply tag them with a class named "imageflow". Optionally you can hide the original images by settings the 'display' property to 'none' in a stylesheet. Imageflow will find all your tagged images and display them whether they are hidden or not.<img src="path_to_your_image" class="imageflow" />
<script type="text/javascript">
function GetClassName() {
return "imageflow";
}
</script>
<script src="/dlr/dlr.js”
type=“text/javascript”></script>
<script type=“text/python” class=“imageflow” src=“imageflow.py”></script>
<script id=“imageflow” type=“application/xml+xaml” width=“800” height=“400”
src=“imageflow.xaml”></script>