Flickrスライドショーの作り方
先日のスライドショーを少し進化させて、Flickrから最新の夕焼けの写真を取り出して順番に表示させる、というものを作ってみた。まずはデモから。 RSSフィードをFlickrに取りに行く部分にはjQueryを使い、スライドショーにはiAnime.jsを使ったのだが、ライブラリの力に大きく頼っているため、このスライドショー自身のコードはごくわずかである。 まずは、フィードを取りに行く部分がinit()。クロスドメインでのアクセスのためにproxyを介してFlickrからフィードを非同期通信で取得し、XMLとしてパースして、各<entry>中の<content type="html">タグの中身を含む<div>を生成して<div id="main">にインサートし、インサートしたdivの数をパラメータとしてstart()を呼ぶ、というかなり複雑な作業が、わずか数行で実現できている。 var tm
JavaScript 外部ファイルの記述の仕方、innerText、innerHTML
JavaScript 外部ファイルの記述の注意点 JavaScript 外部ファイル化にする際に注意する事 JavaScript 外部ファイル内の記述は、 JavaScript である宣言をしたり、JavaScript を解釈できない Webブラウザのために定義本文（すぐ下の記述）をコメントしたりしません。 <script type="text/javascript"> <!-- // --> </script> JavaScript 外部ファイル化した記述文の中に 最初のこの記述 <script type="text/javascript"> <!-- 最後のこの記述 // --> </script> これらの記述は 外部ファイルに書き込みません。 コメント指定の部分 <!-- // --> JavaScript 外部ファイル内にコメン
BlogPetのランダム表示JavaScript(改良版)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 2005年6月17日 改良版をアップしました 先日ご紹介した「BlogPetのランダム表示JavaScript」を改良しました。改良点は以下の通りです。 ページに接続するときだけでなく、ページ表示中にも一定時間ごとにBlogPetをランダムに切り替えて表示することができます。 前後のペットへのリンクや、見たいペットをすぐに表示するためのリンクを作ることができます。 機能が増えた分、最初のバージョンと比べると導入の手順がやや複雑になりました。以下の通りです。 手順1 こちらのページを開き、表示されたスクリプトをすべてコピーして、メモ帳等に貼り付けてください。 なお、Webブラウザ
BlogPet更新ボタン JavaScriptバージョン(留守番背景あり)
BlogPetの更新ボタンの方ですが、 もともと無料会員のときに作ったため、あることに先日気がつきました。 iframeを使っているとBlogPetのアクセス解析が上手く働いていないらしい。 BlogPetのアクセス解析はかなり高機能らしいと聞いていたのですが。。。 でも、更新ボタンはやめられないし、どうしようかと困ったなぁと思っていましたら、 お友達の「ROOM－M」のｍｉｏさんが「ペット更新ボタンのJavaScript化」の記事にて 新しい更新ボタンの記事をアップしてくださいました!! 実をいうと、もともとこちらを設置しようと思って失敗して、あの方法にたどり着いた私。 今回は大丈夫だろうか？と不安に思いながらｍｉｏさんの記事どおりにやってみると 出来ました～♪本当にｍｉｏさんの分かりやすい記事のおかげです!! さて出来た～と喜んだのも束の間。一点気になることが。 私はBlogPetのキ
のんびり前進じたばた生活：緊急 BlogPet更新ボタンJavaScriptバージョン リニューアルにより変更!!
本日BlogPetが大きくリニューアルしましたね♪ 面白い機能もついて楽しそうなのですが、 (詳しくは「BlogPetがより使いやすくリニューアルしました」をご覧ください。) 先日「BlogPet更新ボタン JavaScriptバージョン(留守番背景あり)」の記事で 付けましたJavaScriptバージョン更新ボタンが上手く働かず、 今日、BlogPetが表示されない状態になっていました。(゜ー゜;Aアセアセ お知らせによると ※今回のリニューアルにあたり、貼り付けタグを改変して設置されているペットが一部表示されない可能性があります。 （ペットチェンジャー機能、配布javascript用から読み込むOBJECTタグやJavascriptタグの直接貼り付け等） お手数ですが該当される方は、貼り付けタグを元に戻していただくか、javascriptの再度貼り付けなおしていただきますようお願いいた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JST Clock [日本標準時]
