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

Googleを追いかけろ！

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

home >> Google AJAX Feed API >> Horizontal Type

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

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

参照ページ(Goolge)

ウィザードの利用

Vertical Type, Vertical Stacked Type, Horizontal Type,

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

スライドショー (2)

■　Picasaにアップした画像を取得してみました。

■　オプション設定を追加しています。サンプル

■　コントロールパネルを追加しています。サンプル

<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: #ffffff; padding: 8px; } </style> <script type="text/javascript"> function load() { var samples = "ここにフィードのURLを指定します"; var options = { // numResults : 8, // イメージの表示枚数；初期値はGoogle設定の最大値 scaleImages : false, // 画像スケールの制御；divの初期値は hide overflows maintainAspectRatio : false, // scaleImages: trueでアスペクト比の設定が可能 pauseOnHover : false, // マウス置いた時；hover の設定 thumbnailSize : GFslideShow.THUMBNAILS_MEDIUM, // サムネイル設定 // GFslideShow.THUMBNAILS_SMALL, GFslideShow.THUMBNAILS_MEDIUM, or GFslideShow.THUMBNAILS_LARGE.(初期値)のいずれか displayTime: 2000, //表示時間；初期値は３秒 transistionTime: 600, // スライド切り替えに要する時間；初期値は１秒 linkTarget : google.feeds.LINK_TARGET_BLANK, //画像のリンクターゲット fullControlPanel : true, //ここの３行はコントロールパネル部分 fullControlPanelSmallIcons : true, pauseOnHover : false, }; new GFslideShow(samples, "slideshow", options); } google.load("feeds", "1"); google.setOnLoadCallback(load); </script> </head> <body style="margin-top:3em;"> <center> <div id="body"> <div id="slideshow" class="gss">Loading...</div> </div> <p /> </center> </body> </html>