I am designing my site, I have tried for two weeks solid to figure out
how to link my album from picasa into the slideshow? I have checked
other slideshows out and this is the one I want/need. I do not know
what to do or where I am going wrong? Here is the code of my site so
far and it loads the slideshow properly. But I cannot load my pictures
which are here:
http://picasaweb.google.com/preciseformworklimited/ReinforcedConcrete...
Any help is much appreciated:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - AJAX Slide Show Sample</title>
<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>
<style type="text/css">
.gss a img {border : none;}
.gss {
width: 288px;
height: 216px;
color: #dddddd;
background-color: #000000;
padding: 8px;
}
</style>
<script type="text/javascript">
function load() {
var samples = "http://dlc0421.googlepages.com/gfss.rss";
var options = {
displayTime: 2000,
transistionTime: 600,
linkTarget : google.feeds.LINK_TARGET_BLANK
};
new GFslideShow(samples, "slideshow", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>
</head>
<body>
<div id="body">
<div id="slideshow" class="gss">Loading...</div>
</div>
</body>
</html>
<table width="100%" border="0">
<!--DWLayoutTable-->
<tr>
<td width="100%" height="96" valign="top"><div align="center"><img
src="Images/Logo-Website.gif" width="900" height="101" /></div></td>
<td width="1"></td>
</tr>
<tr>
<td height="12"></td>
<td></td>
</tr><tr><td height="3"></td><td><img src="spacer.gif" alt=""
width="1" height="1" /></td></tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="100%" border="0">
<tr>
<td> </td>
<td rowspan="3"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>