【プログラミング】「新館」の「ザ・公園」に「ノート」機能を追加する

プログラミングネタ兼「新館」ネタです。「新館」の「ザ・公園」に「ノート」機能を追加しました。その場所でのトピック的な写真を紹介する機能です。

Shinkan_park_06

この機能は、「カメラの部屋」に先行して付けたものです。同じように、jQueryのAccordionプラグインを用いて実現しています(これについては、すでにここで書きました)。それぞれの蛇腹の内容は、Flickrの写真IDを指定することでタイトルや説明、撮影日などの情報を取得し、用意しています。

Accordionプラグインを使う場合、蛇腹の中をどのように構成するかは自由なので、左に写真、右に説明、といった段組をdiv要素で作成しています。

とりたてて新しい技術トピックというのはないのですが、まずは「七沢森林公園」についてやってみました(この記事の執筆時点)。今後、徐々に他の場所にも拡張していきます。

コメント