ページ

2011年2月16日水曜日

Feed API - 8

■ スライドショーです。CSSをカスタマイズしないときの状態です。

■ サンプルです。  

■ PhotoBucket、Flickr、Picasa ウェブアルバムが提供するフィードなどが利用できます。


 Media RSS に基づくフィードのURLを指定します。

<html>
<head>
<title>
Feed API サンプル-8
</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 = "ここに表示したいアルバムのURLを指定します";
      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>