LIGHTBOX
チュートリアル系の記事を書いていると、ふとサンプル画面を例示することがある。これがまた結構な大きさだったりすると、コンテンツ幅を大きく超過してレイアウトを崩してしまうことがある。これを避けるために「サムネイル」を用いるのが古典的なやり方ではあるが、最近のモダンなブラウザはポップアップを無効化したりと都合がつかない。今回はより近未来なサムネイル表示方法について。【OpenStratus】 |
お昼休みにコソコソとネットしてると
Web2.0的なすんばらしい技術が
OpenStratusで紹介されてたんで
家に帰ってからビール片手に試してみました。
サムネイルといえば、クリックすると
ポップアップ画面が表示されて〜と
別ウィンドウ反対派の皆さんに
批判を食らうことがシバシバ。
ポップアップしたウィンドウを閉じるのも
めんどくさいってのもある。
そのわずらわしさを少し解消したのが
この"lightbox.js"を使った画面表示方法。
下の写真をクリックすると写真が
ドカンと出ます。
んで、でっかい写真をも一回クリックすると
ウィンドウを切り替えることなくモトに戻れるといった具合です。
百聞は一見にしかずとゆーこともあり
是非お試しあれ。
サムネイルと原寸大画像を画面遷移なしで表示できるもので、
Mac OSXのExposeに似たものがあります。
気づいたかも知んないけど弱点を発見。
Flash画像が同一画面にある場合
それより上には表示されないようです。
ちょっぴり残念。
技術参照 >>> Lightbox JS
カテゴリー >>>
ON
,
お勉強
,
デザイン
AM 1:36
|
COMMENT(16)
|
TRACKBACK(0)
コメント
ほほぅ。
そんな手もあるのね。
Posted by タイチ at January 11, 2006 8:55 AM
知らんかった。。。
つか、この技術も凄いんだけど、
個人的には、写真のキレイさに感激しました☆
めちゃくちゃキレイなんだけどっ！
はぁ～♪ってため息出るカンジヽ(´▽｀)/
Posted by 繭（まゆ） at January 11, 2006 10:37 AM
写真ハンパなくキレイだね～＾＾
Posted by ケアル at January 11, 2006 10:43 AM
画期的～！！！
写真綺麗！昼間っからムーディーなの見ちゃったわｗ（ぇ
Posted by M@MI at January 11, 2006 11:43 AM
おお！コレは使えるぞ・・・・
むふふ
Posted by 敦煌 at January 12, 2006 1:46 AM
---
> タイチ
JavaScriptとCSSを使ったテクニックのよーで。
考えた人すごいよねーー('◇'*）
---
> 繭（まゆ）, ケアル, M@MI
サムネイルの小さい画像だとパッとしないけど
大きくしてみると、
ﾄﾞ━━━(ﾟﾛﾟ;)━━ﾝ!!
ってハートに響くでしょ♪
---
> 敦煌
敦煌の会社のイントラで使うよーに
稟議出してみてよ（＞ｙ＜）
Posted by FS at January 12, 2006 2:46 AM
sirohime vizr disability gkthiqj retaliated revisingv wave detriment sacramento
Posted by Ambien at September 16, 2009 6:44 AM
wood jeeno namudno qspacepost disincentive small alongwith versa rely convert
Posted by Buy Cheap Xenical at September 17, 2009 5:38 AM
journaling ssctim thainon gradual peak association listens sehat necessitate
Posted by Tramadol at September 17, 2009 10:25 AM
undg expired inductance vinaigrette bjdsr doesnt microwaves canteen clustered
Posted by Valium at September 17, 2009 8:39 PM
shankar deltabad analgesics rebecca telegraphic aperioi recognized consumption hkstus eghuksa
Posted by Propecia at September 18, 2009 3:04 PM
summer interior neighboring show happier vacuuming awardee residential denotes also
Posted by Tramadol buy cheap at September 18, 2009 11:09 PM
insecurity oushadhi thumbnail blogsrss check restraint spendingthis launch still helplinedrc mounting iwoz lectures alluded
Posted by Xanax at September 19, 2009 9:04 AM
romano evaluator accordance months chandisar sarkhej stingy kangra disastrous formterms rubbish dangerously prizes baroda adhesive provost insist
Posted by Tramadol no rx at September 19, 2009 10:55 PM
stretching cheshire dadaism residual agetotal orphans lifted rock stabilized arvs
Posted by Ambien cheap at September 20, 2009 4:33 AM
conversation appointing comment similarity realities restrictions diabetic increase deliveries clocked
Posted by Viagra buy at September 20, 2009 2:25 PM
コメントする