[JAVASCRIPT] FancyZoom – Lightboxっぽい写真の見せ方

by Quattro on 2月.12, 2008, under Web Design | | | |

MT4からWordpressに移行して、「さてLightboxどうしようか」と思ったものの、他の見せ方ってないもんかと思ってたどり着いたのがこのFancyZoom。画像をクリックしてページ内に大きく表示、という目的そのものは一緒なんだけど、なんだかとてもエレガントなんです。1発で気に入ってしまい、早速mBlogにも導入しました。左に表示されているウチのカワイい子のサムネールをクリックすると、ウチのカワイい子の大きい画像が大きく表示されます。とてもカワイいのです。胸毛とか耳のホケホケとか。んで左上のバツボタンをクリックするか、画像そのものをクリックする事で元に戻ります。ここでクローズボタンが左にあるという点もポイント。マックユーザーにとっては右に位置したクローズボタンというのはどうしても違和感があるので。ロード中のアニメーションもMacOSっぽくてナイス。導入も簡単でした。

ただひとつ注意点が。Lightboxやその亜種では、「適用したいリンクに特定の記述を追加」する仕様だったのに対し、こちらは「適用したくない場合だけ特定の記述を追加」という点が大きく違っています。つまりFancyZoom導入後は、回避の記述がない限り画像から画像へのリンクに全て適用される事になります。最初はこの点に関して「うーどうしよう」って迷ったものの、よく考えれば画像から画像へのリンクでこれが適用されて困る事ってないので、導入を決意。実際「回避しない限り全部そうしちゃうよー」という姿勢の方が色々と便利な事が分かりました。

FancyZoom >>

5 Comments for this entry

tamyuranohito
2月 12th, 2008 on 6:40 PM
これとってもイイですよねー
駅風呂族は指くわえて見てるしかできないんですが。
どこかで使いたいもんです。
ってか新生mBlogめちゃかっこいっす。
ってかワンコロがめちゃかわいっす。
Quattro
2月 12th, 2008 on 11:41 PM
毎度ー。駅風呂はJS使えないもんなー。まぁどこかで使う機会あるさ。
真性mBlog、お褒め頂き光栄であります。ワンコロもっと褒めてイイぞ！　母親（ようするに彼女）が喜ぶｗ
ぽんで
2月 13th, 2008 on 10:50 PM
おぉー、これまた新しいヤツだ！
どちらかってーとHigh Slideに近い感じだね。
以前Qちゃんから教えてもらったLightboxを今でも使い続けてるけど未だに飽きないのでした・・・ｗ
TL
2月 13th, 2008 on 10:58 PM
これスンゲーいいな。エキブロやめたらパクリ決定だ。
耳のホケホケが悩ましい！！
Quattro
2月 14th, 2008 on 1:56 AM
＞ぽんでシャンプー＆リンスさん
おーHigh Slide、あったね。今ググって見てみたら確かに似てる。俺も今までLightbox亜種をいくつか使ってみたけど、結局元祖が一番だなって思ってたの。けどこのFancyZoomはグっときたね。浮気が本気になった感じｗ

＞鳥助
スンゲーいいでしょ。っていうかEntBodyのCSS定義に加えてまたパクられた！　損害賠償請求ダ！ｗ

1 Trackback or Pingback for this entry

[JAVASCRIPT] FancyForm | ウェブデザイン, CSS, Javascript, Flash, 海外のウェブサービスなどを紹介 | mBlog
3月 20th, 2008 on 11:57 PM
[...] Javascriptを使って、formタグ内のチェックボックスやラジオボタンをグラフィカルに見せる手法。名前が名前なんで、以前紹介したFancyZoomと何か関係があるのかと思ったけど、そうでもないみたい。これなかなかイイ感じ。通常のチェックボックス等よりも見やすいし、クリック範囲が広い分実用的。その内使ってみたいJS。 [...]