• 締切済み

Twitpicの写真をGoolgeAjaxSlideshowでWEBに

yyr446の回答

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

「Google API Ajax slideshow」だめですね。 APIのドキュメントも中途半端だから、こいつはあきらめて、 とりあえず、画像リストを生成するところまで作ってみた。 後は、このリストから、携帯用のスライドショーが出来る ライブラリーを探して、実装すればいいかなと思うけど、 iphon持ってないので、これ以上はやめた。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>TwitPic スライドショー</title> <style type="text/css"> </style> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("feeds","1");</script> <script type="text/javascript"> function GetImg(frm){ 　var feedUrl = "http://twitpic.com/photos/"+frm.account.value+"/feed.rss"; 　var feed = new google.feeds.Feed(feedUrl); 　feed.load(function(result){ 　 if(!result.error){ 　　 var container = document.getElementById("container"); 　　 while(container.hasChildNodes()) 　　　container.removeChild(container.firstChild); 　　 var ul = document.createElement("ul"); 　　 ul.style.listStyleType = 'none'; 　　 for(var i=0;i<result.feed.entries.length;i++){ 　　　var div = document.createElement("div"); 　　　div.innerHTML=result.feed.entries[i].content; 　　　var img=div.getElementsByTagName("img")[0]; 　　　var imgtitle=div.textContent; 　　　img.setAttribute("title",imgtitle); 　　　img.setAttribute("alt",imgtitle); 　　　var li = document.createElement("li"); 　　　li.appendChild(img); 　　　ul.appendChild(li); 　　 } 　　 container.appendChild(ul); 　 } 　//SlideShow(); 　}); } </script> </head> <body> <h3>TwitPicの画像をスライドショーする</h3> <p>Google Ajax Feed API で RSSを取得し、Google Slide Show APIで表示</p> <form> Twitter ID:<input type="text" id="account" name="account"> <button type="button" onclick="GetImg(this.form);">表示</button> </form> <hr> <div id="container">Loading...</div> </body> </html>

この回答がついた質問に戻る
回答 全件
iphoneのsafariという事で、javascriptでよろしいん…
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. AJAX

関連するQ&A

  • Twittermail　twitpicについて

    現在Twitterやってます。iphone 4を使用中です。 写真を多数送信するためにtwitpicを使用しております。 一枚一枚画像をサイトやPCから登録は時間がかかるので twittermailに画像を送信していますが、 Twitter本文に反映はされてもtwitpicには本文は表示されません。 仕方なくTwitter公式アプリにて画像を送信しておりますが時間がかかっていまいます。かといってtwitpicにログイン後に画像にコメント入力するのも手間がかかります。 mmsメールでの写真投稿が便利なだけにこの方法でどうにか本文をtwitpicに載せたいのですがおわかりになる方いらっしゃいますか？ もしくは他のサイトへ登録したほうがよろしいのでしょうか？ google検索しても検索結果になかなか出てきません。 わがままで申し訳ないのですがよろしくお願い致します。 ※画像にコメントを挿入できる方法は確認していますがコメントを載せる方法でお願いします。

  • Google AJAX Feed API タブ順番

    「Google AJAX Feed API」を利用して、複数RSSを読み込んでいるのですが、 読み込んだ順番でタブを表示させるにはどうすれば良いでしょうか？ 具体的には、下記サイトを参考にしているのですが、読み込む度に、タブの「海外」「経済」表示位置が変わってしまいます。これを、RSSを読み込んだ順番( AryURL : [ に記述した順番)で表示するよう、順番を固定化したいです ▽IW3 PROJECT Google AJAX Feed APIの利用 　 http://project.iw3.org/feed_API/ex-feed04.html

  • Google AJAX Feed API でブログタイトルを

    Google AJAX Feed APIを使って見ているんですが、一つわからないことがあります。上部のスライドする部分の中にブログタイトルを含むことって可能なのでしょうか？ CSSで表示、非表示を駆使して、RSSサイトを作っているのですが、 生成されるhtmlのスライド部分自体にブログタイトル情報がきていなくて。 下部一覧部分のブログタイトルをCSSで制御しようとすると、 全ブログのタイトルが同じCSSがあたっているので、 重なったりしてしまい、うまくいきません。 タイトルがないと、複数のブログを扱った時、 どのブログのRSSなのかがわからなくてこまっています。 どなたか、ご教授おねがいします。 http://code.google.com/intl/ja/apis/ajaxfeeds/

  • Google Ajax Feed API　キャッシュ騙しの方法

    Google Ajax Feed APIでRSSフィードを読み込み表示していますが、更新反映が遅いため（修正・削除したはずのエントリーが、古いままで表示される）、以下の方法を試してみたいと思っています。 http://www.lepracaun.info/blog/2007/06/google_ajax_feed_api_2.html 現在は var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl); となっているのですが、これをそのまま上記ページのように var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl)+"?"+(new Date()).getTime()); としてみても何も表示されません。 完全に手探りなのですが…どこかが間違っているのでしょうか？

  • JavaScriptで起動時にFlashへ引数を渡す方法 [ActionScript3.0]

    Flashで、動的に外部ファイルから画像を読み込むスライドショーを作りました。 これをHTMLに埋め込む際にわからない点がありますので、ご意見おねがいします。 index.htmlに、 ・写真集１ ・写真集２ ・写真集３ という様にリンクがあり、クリックすることで別ウィンドウslideshow.htmlが開きます。 このとき、クリックしたリンクによってslideShow.html?id=1というように固有のid番号がURLに付加され、別ウィンドウに渡されます。 slideshow.htmlにはスライドショーのFlashが埋め込まれており、URLに付加されたid番号を取得して、どの写真をスライドショーにするかを決定します。 URLに付加されたid番号をJavaScriptで取得することは出来ました。（document.writeで表示できます） しかし、これをFlashに渡す方法がよくわかりません。 <param name='FlashVars' value ='id=1' /> という様に、静的にFlashに渡すことはできるのですが、このidの部分を動的に取得して渡すのに、スクリプトでどのように記述すればいいのかが分からず悩んでいます。 よろしくお願いします。

  • Web 2.0をサポートしている技術

    1. Web 2.0をスタディしています。知りたいのはJavaScript, JSP, Perlのような言語でなく、Blog, SNS, GoogleMapのようなアプリケーションでもありません。 アプリとインフラ(言語)の中間のAjax, RSS, Flash, GoogleMap APIなどの技術です。 できましたらリストアップしたい考えいます。(その後、仕組みもスタディしたいと考えています。) まず、リストアップしたいので参考にできるサイトなどございましたら、おしえていただけないでしょうか? 2. Google検索エンジンの仕組み、できましたらWeb 2.0になり変更されたことなどを知りたいたいのですが参考にできるサイトなどございましたら、おしえていただけないでしょうか? 以上 基本的な質問で申し訳ございませんが、宜しくお願い致します。

  • Google AJAX Feed API keyつ

    サイトに、ブログなどのRSSフィードを表示させるときに、 Google AJAX Feed APIのkeyを取得して表示させるのですが、 取得するためのグーグルのページが移動してしまって、 どこにいったのやら全く分かりません。 以前は、以下のアドレスから取得していたのですが。。。 ・http://code.google.com/apis/ajaxfeeds/signup.html どなたかお教え下さい＞＜

  • ウェブサーバで動かすには…

    http://www.kawa.net/works/ajax/rss/rss.html こちらのサイトで紹介しているRSSフィードのjavascriptを使おうと思っているのですが、ローカルでは出来るのにサーバに上げるとなぜかエラーになってしまいます。 <head>～</head>の間に表示するRDFをhttp://～ではなく、index.rdfなどファイル指定するとなぜかうまくいきます。 どういった現象なのでしょうか？ 別の場所(URL)にあるRSSを表示させたいので、http://から指定して設定をしたいのですが… よい方法教えてください！

  • 『Twitter』で一度に複数枚の写真を貼る方法

    Twitterで  『twitpic』のアプリを使用しているのですが、一度に同時に複数枚の写真をつけたいのですが、全然やり方がわかりません。 他の方のを見ると、『twitpic.com/～』というURLを何枚も貼って、一度に2,3枚付けてるのを見ました。 私は iPhone4Sを使用していて、iPhoneから そのように貼りたいのですが、その方法を詳しく教えていただけないでしょうか？ Twitpicのアプリも ちゃんとインストールして使っていますし、他のTL用のアプリもインストールして使ってみたのですが、どうやっても 1枚しか一度にアップ出来ないのです(>_<) 一度に複数枚 貼ってアップするやり方を教えていただけたらと…。 どうかよろしくお願い致します。

  • iphoneで地図上での写真閲覧は可能でしょうか。

    iphoneのカメラを使用して撮影しますと、写真に位置情報が記憶されると思います。これらの写真をパソコンを開始googleマップやFlickrで地図上の撮った位置に写真が配置される事は確認しています。iphone内に同様な機能、またはそれを可能にするアプリなどご存知でしたらご教授ください。できれば個人的な写真なのでネットワークなど介さずにiphone端末内で完結させたいと思っております。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する