マウス操作で写真にズームするギャラリーswf(PostcardViewer)
2008年8月15日(金) 08:00
撮りためた写真を公開するときに使ってみたいのが、PostcardViewer。マウス操作で直感的にクリックすると、選んだ写真にズームする。画像形式はJPEG(non-progressive)を表示することができる。
PostcardViewerはFlashで動作し、あらかじめ定義したgallery.xmlのリストをもとに写真一覧を表示するようになっている。単に写真ファイルをしているだけでなく、細かなオプションなどの指定もする事ができる。

クリックすると、選択した写真が拡大
表示された写真ギャラリーでクリックすると、選択した写真が拡大される。写真の並び順はランダムに変化する。Pro版ではオプションの設定で並び順を固定にできるので、本格的に使いたい方はPro版の機能を参照していただきたい。
gallery.xmlを記述する必要があるので、写真が大量にある場合は"To Use PostcardViewer"で紹介されている、Picasa やiPhotoといった写真管理アプリケーションを有効活用する方法を参照していただきたい。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

