twitter Twitter でログイン
[掲示板に戻る全部  1-  最新50
1 写真の Media RSS 配信
ken
管理人

管理人 2007-7-20 23:19  [返信] [編集]

写真の Media RSS 配信 を始めました。
Media RSS 配信 のURL

Google Ajax Feeds API を使うことで、
貴方のホームページにて、簡単にスライドショーが表示できます。

スライドショーのデモはこちら

スライドショーのサンプルコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>We Love Diving - Slide Show</title>
  <script src="http://www.google.com/jsapi/?key=YOUR_KEY"
    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:  640px;
      height: 480px;
      color: #dddddd;
      background-color: #000000;
      padding: 8px;
    }
  </style>
  <script type="text/javascript">
    function load() {
      var rand = Math.floor( Math.random() * 100000 );
      var samples = "http://scuba-jp.net/modules/myalbum/rss.php?mode=random&rand=" + rand;
      var options = {
        displayTime: 2000,
        transistionTime: 600,
        linkTarget : google.feeds.LINK_TARGET_BLANK,
        thumbnailSize : GFslideShow.THUMBNAILS_LARGE,
        scaleImages : true 
      };
      new GFslideShow(samples, "slideshow", options);

    }
    google.load("feeds", "1");
    google.setOnLoadCallback(load);
  </script>
</head>
<body>
<center>
<h1><a href="http://scuba-jp.net/" target="_blank">We Love Diving - Slide Show</a></h1>
  <div id="body">
    <div id="slideshow" class="gss">Loading...</div>
  </div>
</center>  
</body>
</html>


Google Ajax Feeds API を使う場合は、Google から API Key を取得してください。
API Key を取得する

[掲示板に戻る全部 次100 最新50
BluesBB ©Sting_Band