Twitpicの写真をGoolgeAjaxSlideshowでWEBに表示。
twitterクライアントとしてiphoneのtwitpicアプリで写真をアップしています。
twitpicのwidgetは動的ではないので、スライドショーで自分のHPに表示したいです。
まずtwitpicを使い続けるのを前提(もっとよいものがあればそちらに乗り換えますが)で
Flashを使わずに出来るものとしてGoogle API Ajax slideshowが一番よさそうでした。
Flickrのphotostream RSSなどは使えると書いてあるのですが、twitpicはかかれていません。
出来るのかどうか、試してみたのですが今のところ動きません。私の設置の仕方が悪いのか
twitpicからのRSS自体がGoogleのものと相性が悪いのか判断が付きません。
Flashを使いたくないのはiphoneでもちゃんと表示できるようにする為です。
どなたかこの環境で出来る方法もしくは、別のよい方法があれば教えください。
宜しくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
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+"/ …
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>
No.1
- 回答日時:
iphoneのsafariという事で、javascriptでよろしいんですよね。
(持ってないけど)twitpic.comに↓のGET送信すると(twitter_id:取得するtwitterのID)
http://twitpic.com/photos/twitter_id/feed.rss
RSS 2.0形式のフィードが返ってきます。
(文字コード対応に問題有りとの噂があるので、UTF-8にそろえとくのが無難)
これなら、「Google AJAX Feed API」でパースできるはずです。
同「Slide Show」コントロールの方はまだ使った事がないので、日本語だと
何か問題があるのか知りませんが、Feed APIの結果(JSONでもXML)から
別途DOMを作って、他にごまんとある、javascriptのスライドショーライブラリー
で表示させてやればよいのではないかと....
ご質問内容だけからだと、どこに問題があって動かないのか判断できません。
回答ありがとうございます。
>iphoneのsafariという事で、javascriptでよろしいんですよね。
そうです。
twitpicのRSSフィードではなくてyfrogという似たサイトのフィードだと
Google ajax のhelloworldをyfrogのRSSのところを書き換えるだけでいけました。
ということはtwitpic側のフィードがよろしくないということだと思います。
ただyfrogのiphoneアプリが無料じゃない(店のみんなが使うのでカード登録したくないんです。)ので出来れば無料のアプリのあるサービスでやりたいのです。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- iPhone(アイフォーン) マイクロソフトOneDrive にiPhoneの写真がアップされない お世話になります マイクロソフ 3 2022/08/22 13:24
- その他(パソコン・スマホ・電化製品) スマホ写真の保存方法についてです。専門用語やスマホとパソコンの事が分からないのですが、教えてください 4 2023/04/09 15:34
- その他(クラウドサービス・オンラインストレージ) Googleフォトと同期して写真、動画を保存してます 先ほど「容量不足の為メールが受信できなくなりま 3 2022/10/29 07:12
- ポケモンGO ポケモンgoのログイン画面からGoogleアカウントを消す方法を教えてください。 iPhoneです 1 2022/09/17 06:54
- その他(クラウドサービス・オンラインストレージ) ヤマップは自分のアルバムになるか 1 2022/11/08 17:20
- その他(クラウドサービス・オンラインストレージ) Googleフォトに写真や動画保存してたんですけど 容量不足でメールなどが受信できません と通知来ま 1 2022/10/28 23:15
- Google Drive PCで G、Hドライブ(Google drive)が表示されなくなりました。 1 2022/08/02 09:09
- Google Maps iOS でのgoogle map の地図を写真で表示する方法を教えて下さい。 Windows でgo 2 2023/06/02 09:56
- iCloud iCloudのストレージがいっぱいとなってるのに、iPhoneの写真動画合わせて1400枚です。 昨 4 2023/03/02 12:43
- アプリ iPhoneを今使ってるのですが、お店に行ってアプリを ダウンロードして頂いたら10%割引きになりま 2 2022/07/08 22:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
バッチファイル 特定ウインドウ...
-
PDFを(htmlのように)無限に縦...
-
入力フォームの値をQRコードで...
-
b75h2-m2 biosアップデートした...
-
正規表現で、特定の文字列を含...
-
ワードでA3横の画面にして、文...
-
要素内を常に一番下を表示させたい
-
データ受け渡しについて
-
1枚の画像をクリックすると複数...
-
以下のURL入れますか?皆さんは↓
-
画像のドットの部分が抜けてい...
-
Chinapost こよパズルどう動か...
-
非同期通信で掲示板を作る際の...
-
非同期通信を使うタイミングが...
-
PYTHONのtkinterについて
-
Pythonのtkinterについて
-
Pythonを勉強する道のり
-
Pythonを無料(安価)で学ぶ方...
-
RPA(PowerAutomate)の実装について
-
課題なのですがどなたかコード...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
readyStateが4にならない原因
-
tableのtr要素をドラッグ&ドロ...
-
スライドを最後の画像で止めたい
-
ページ内リンクで#などのアンカ...
-
Ajax データが取得できない
-
JScriptでDBへの接続方法について
-
onloadで動かない<DHTML+AJAXア...
-
Ajax.Requestで?を含むパラメー...
-
CSVファイルの文字列の表示につ...
-
Ajaxの結果のページングの方法
-
下記サイトのメニューをフラッ...
-
ランダムなフェードインを作り...
-
Ajax.Updater で受けたHTML中の...
-
jqueryでタグの中にある文字が...
-
【再質問】計算(入数*単価)...
-
Twitpicの写真をGoolgeAjaxSlid...
-
【※初歩の質問かもです※】スプ...
-
jQueryでのclassの操作
-
スクリプトで<div id="links">
-
変数の内容を別functionに渡したい
おすすめ情報