Google Apps Script Documentation - Google AJAX Feed API - スライドショー (1)

Googleを追いかけろ！

| About.. | Google Docs Guide,Help | Template Gallery | helpforum | IT用語辞典バイナリ |

home >> Google AJAX Feed API >> Horizontal Type

Google AJAX Feed API スライドショー (1)

フィードやサイトのコンテンツに工夫を凝らしたいようなときには使えそうです。
* HPのお知らせ用更新記録としても大変便利です。
Google AJAX API キー使用の有無は完全に任意です。
キーが無くてもウィザードで簡単に作成できるタイプがあります。
キーを使用するとアプリケーションやサイトに問題が検出された場合、Google から
連絡があります。

参照ページ(Goolge)

ウィザードの利用

Vertical Type, Vertical Stacked Type, Horizontal Type,

スライドショー (1), スライドショー (2),

スライドショー

PhotoBucket、Flickr、Picasa ウェブアルバムが提供するフィードなど、 Media RSS に基づくあらゆるフィードからの画像のスライドショーを表示します。

* Getting Started With the Slide Show

* google.feeds.lookupFeed を使用し、一定のユーザーに公開された Flickr ウェブページに関連するフィードを取得して、動的にスライドショーを生成した例。 Flickrスライドショー (ユーザーKeyが必要です)

Loading...

<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>