jQueryで、Flickrの写真を、まとめてHTML表示＆並び替え

Flickrを久しぶりに、また使い始めました。Flickr上でのコミュニケーションもよいのだけれど、ブログでも写真を使いたいので、週末にこんなものを作ってみた。

Flickr to HTML : 画像を選んで<img>タグに

Flickrにアップした写真を複数選んで、並び替えをしつつ、まとめてHTMLを出力するというシンプルなもの。jQueryの色々なプラグインを組み合わせて、javascriptだけでできた。利用したプラグインは、こんな感じ。jQuery 便利！

• jQuery UI Tabs : タブメニューの切り替え
• jQuery UI Sortables : ドラッグ＆ドロップでの並び替え
• Project Atomic jQuery Flickr : Flickrへのアクセス

下のように複数の画像を並べて、ブログなどにコピー＆ペースト表示できます。