对我,GW有许多自由时间。Yahoo!翻訳です。合ってるかどうか分かりません。そんなわけで,何となくSilverlightがどんなもんか使ってみたくなったので,昨日,今日といろいろ触ってみました。JavaScriptならちょっとは分かるんで,とりあえずSilverlight Dynamic Languages SDKの0.4.0を使って試してみたんですけど,どうも面白くない。Visual Web Developer 2008 Express Editionを使ってVBかVC#でやったほうが面白いし,こっちに慣れたほうが楽っぽい感じがしたので,結局VC#で動かすことにしました。
そんなこんなで,.NETが分かんね~とか言ってるうちに寝ちゃったりしながら,MSDNのリファレンスにのってるサンプルコードとか,先人たちのコードを読んで,簡単なフォトビューワを作ってみました。デザインとかはあんまりこだわってないんですけど,このブログの幅に合うサイズで……っていうのを作ってみたかったんです。
……で,実際の実装方法は美しくなさ過ぎなんですが,一応サムネイルを並べて,マウスオーバーとかクリックとかのアクションを作ったりして「お~,それっぽい」とか思ってたんですが,メインの画面をクリックしてオリジナルサイズのイメージを表示するところで,実装方法を完全にミスりました(笑。それがコレ↓。
エラー処理を割愛してるので,Silverlightを入れてない方は Get Silverlight! っていうメッセージを手入力してみる。
それはともかく,ちゃんと表示されてますかね? 問題はメインの画面をクリックしたときで,このポップアップがSilverlightコントロールの境界内でしか表示できないので,思いっきり切れてしまってるんです(笑。作り直そうと思ったけど,もう何か頭回らなくなってきたので,とりあえずここで一端終了。次に時間ができたら考えます。
本当はLightbox風というかモーダルで表示されるようにしたかったんですけど,ブログへの埋め込みだとSilverlightコントロールのエリアが限られるんで,Silverlightだけでは実現が難しいかも知れず,とりあえず新しいページを開いて表示ってのが無難かなぁと思ってます。っていうか,このぐらいのことならJQueryでも出来そうだし,そっちのほうが良さそう,という気もするんですが,今回はSilverlightで遊ぶことに意義があったので気にしないことにします。
●5/5,4:55ごろ追記
あまりにみっともないので,ブログサイズで表示しているときはメインの写真をクリックしても大きいサイズをポップアップさせないようにしました。大きい写真はフルスクリーン表示のときだけポップアップします。
ボタンをクリックしたらブラウザのフレーム一杯に拡大させる,っていう方法はないのだろうか……。


あぁなるほど。そういう連携をさせるものがあるんですね。
クライアント処理だけだと,どうしても限界がありますが,
汎用性が損なわれるのは惜しいところです。。。。
Flashだけなら問題なく動くのですが、写真の管理に使用する
データベースとか、あとは高度な機能を提供するために、
ちょっと気が利いたPHPのライブラリというか、モジュール
というか、そういうヤツを必要とするものがありますね。
自前サーバなら何とでもなるのですが、安いレンタルサーバだと
用意された環境の範囲内でしかソフトウェアが動かないので、
dfGallery 2.0とかは、残念ながらだめでした・・・。
ほんとに巷には良質なビューワが揃ってますよね。
汎用的(で公開できるよう)な設計は参考にもなります。
Flashはまともに使ったことがないんですが,
サーバによって動かないなんてあるんですね。
私はFlashベースのできあいギャラリーソフトを使ってしまい
ました。Silverlightという手もあるんですねえ。
FlashベースだとdfGallery 2.0が最も高機能なようですが、
私が使っているonamae.comのレンタルサーバ(のソフトウェア
構成)では動いてくれませんでした。なかなか難しいです。
あ、線上のメリーエロオヤジだ。
↓
いや,まったくお恥ずかしい仕様です。
とりあえずフルスクリーンボタンを付けて誤魔化してみました(笑
下段のサムネイルをストリップ風にするのは考えたんですが,
なんか上手いデザインが思い付かなくて後回しにしていました。
たしかに,1枚のポジが浮かび上がってきたりすると格好良いですね。
できるかどうか分かりませんが,チャレンジしがいがあります。
たしかにメイン写真のポップアップで拡大された画像が
コントロール境界内でしか拡大されていません(笑)
でも、下の写真の並びのデザインをポジフィルム風にして
選択すると1枚のコマが選ばれるようにしておくとかでも
それなりにかっちょいいかもしれませんね