<<    |     |  >>
<<    |     |  >>

ランダムフォトのテスト


上手く動いているでしょうか。リロードする度に表示される写真部分が変化するはずです。現在は最低限の機能(単純に表示するだけ)だけです。理屈は全然単純。ファイル名とサイズの配列をJavaScriptにもたせて、それを呼び出しているだけ。ランダムの特徴に関してはOKAMURAさんのエントリ(がちゃがちゃエントリ用 JavaScript 更新)を参考にしました。
実はこのブログにもときどき表示させていましたが、.macのフォトアルバムの機能を使ってアルバムをいくつか公開しています。そのアルバムデータを拾ってリサイズ。ファイル名とサイズをリストにしてJavaScriptのソースにしたというただそれだけ。
OSXには「sips(Scriptable Image Processing System)」という独自のコマンドが用意されていて、画像を扱うことができる。詳細はTerminalで「man sips」と叩いていただくとして、こいつを使ってリサイズ&情報取得を行いました。まぁ、もともと公開しているフォトアルバムはサイズがほとんど一緒なので、いちいちサイズ取得する必要があったのかは疑問です。今回表示だけですので、
<img src="ファイルパス" width="画像の横サイズ" height="画像の縦サイズ" alt="gachagachaphoto" />
をJavaScriptで作り出しているだけです。元々の.macフォトアルバムへのリンクを張ってやろうと画策していますがまだそこまで行っていない。追々やっていこうと思ってます。実はサイドバーに配置してやろうと思っていたのですが、リサイズするときに少し大きくサイズ指定してしまってサイドバーには収まりが悪いサイズにしてしまいました。(;^_^A アセアセ… もっとももう一度スクリプトを走らせれば良いだけですので簡単といえば簡単。このへんはシェルスクリプトの本領発揮ということでしょうか。方向転換しました。詳しくは別エントリにします。

実は「がちゃがちゃフォト」という名前にしてやろうと思ったのですが、天下の「BlogPeople ガチャフォト」とかぶってしまうのでやめました。関数名はそのままですが。

   Comment   T-Back  
T-Back URL