picasa-album-slideshow

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs
    title="Display Photo Albums"
    description="Based on work by Liens du Vin, this uses google js to display a slide show of albums"
    height="250"
    width="250"
    author="Allen Gattis"
    author_email="agattis+gadget@google.com"/>
    title="Display Photo Albums"
    description="Based on work by Liens du Vin, this uses google js to display a slide show of albums"
    height="250"
    width="250"
    author="Allen Gattis"
    author_email="agattis+gadget@google.com"/>
<Content type="html">
<![CDATA[

<!-- Include the google js libraries -->
<script 
    src="http://www.google.com/jsapi" 
    type="text/javascript">
</script>
<script 
    src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" 
    type="text/javascript">
</script>

<!-- This function loads a picture from the RSS feed.. -->
<script type="text/javascript">
function load_pic() {
    var myFeed = "http://picasaweb.google.com/data/feed/base/user/agattis?alt=rss&kind=album&hl=en_US";
    var options = {
        fullControlPanel: true,
        fullControlPanelSmallIcons: true,
        thumbnailSize : GFslideShow.THUMBNAILS_LARGE,
        pauseOnHover: true,
        displayTime: 3000,
        transitionTime: 1000,
        scaleImages:true,
        linkTarget : google.feeds.LINK_TARGET_BLANK
        };
    new GFslideShow(myFeed, "the_show", options);
    }

<!-- Initiate the slide show and set a call-back to continue loading pictures -->
google.load("feeds", "1");
google.setOnLoadCallback(load_pic);
</script>


<!-- Show the actual slides -->
<div id="the_show" class="album">Loading pictures...</div>


]]>
</Content>
</Module>
Comments