marupei.net photography

スポンサーサイト

--/--/-- -- [Edit]

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Lightbox2を導入してみた

2009/01/04 Sun [Edit]


HUMMER H3

Canon EOS 30D + Canon EF50mm f/1.4 USM


FujeyさんのHUMMERに乗せてもらう機会があったので、撮らせてもらった写真を使ってLightbox2を試してみた。画像をクリックしてみてください。

当ブログは、左カラム・メイン・右カラム、の3カラム形式にしているのだが、このレイアウトにすることで中央のカラム幅が狭くなるため、画像のセレクトも縦位置が多くなってしまう。サムネイルを使えば画像クリックで別ウィンドウが開きオリジナルサイズを見せることはできるが、フォトギャラリー的GUIから言えば気持ちよくはない。ということで、Lightboxを導入してみることにした。画像リンクの設定が面倒になったりと、設定に手間がかかる部分があるのでまだ試験運用だが、見せ方としてはこっちの方が格好いい。今のところ上の写真のような縦構図の画像はオリジナルサイズを変えていないので拡大表示させる意味がないが、あくまでテストということでご覧頂きたい。


HUMMER H3

Canon EOS 30D + Canon EF24-105mm F4L IS USM


上の画像はオリジナルの縦横サイズを、縦構図と同じにしてみた。これなら横構図の見せ方も納得がいく。ポップアップしたウィンドウの外をクリックすればウィンドウが閉じてくれるので便利。また、LightboxはAjaxを利用しているので、現時点でFlashに対応していない iPhone・iPodTouchでも動作する。


HUMMER H3

Canon EOS 30D + Canon EF24-105mm F4L IS USM



HUMMER H3

Canon EOS 30D + Canon EF24-105mm F4L IS USM


画像のリンクタグを自動生成してくれるスクリプトをファイルメーカーで作ってみたものの、コピペするのも面倒なので、横構図の画像のときだけLightboxを使おうか検討中。

まる平と一緒に撮った写真は、いかにもやらせ風でボツでしたよ。<Fujeyさん


関連記事
Prev
もう少しお上品に
Top
marupei.net photography
Next
Logitech V470 Bluetooth Mouse

Comments

ドキドキ

運転している写真、
ドキドキv-10なのか、
どきどきどきーーーッッi-15なのか分かりませんが、
私にとっては、ドキドキする写真です(笑)

記憶の奥底から何かを引き出す写真...?

絵文字押し間違えたみたいです。

黄色のドキドキは、『怖いと泣く絵文字』を入れる予定でした!
怖いのか?幸せなのか?っていう感じです。

 
 
 
 
 
 
 
  非公開コメント
 

Track Backs

TB URL 

Top
marupei.net photography

Profile

まる彦

Author:まる彦
一人息子と幸せに満ちあふれた家族の記録(のつもり)

Canon EOS 5D Mark II
Canon EOS 30D
MacBook Pro 13" Mid2009
MacBook Pro 17" Late2008
iPhone3GS
iPad

Blog : marupei.net technology

fotologue : Rosetta
mail : maruhiko(at)gmail.com

Category

Copyright

当サイトに掲載されている画像は Creative Commons License の下でライセンスされており、無断使用は固くお断りしています。 画像の使用をご希望の場合は下のメールアドレス宛にお問い合わせください。

The total or partial reproduction of text, photographs and illustrations is not permitted in any form. Copyright © marupei.net Some Rights Reserved.

maruhiko(at)gmail.com

Creative Commons License

Translation

Calendar

プルダウン 降順 昇順 年別

08月 | 2017年09月 | 10月
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Entry

Recent Comments

Link

Amazon

Amazon タグクラウド by ajaxblogparts requires Flash Player 9 or better.

Blog Search

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。