スポンサード リンク
www.flickr.com
BLOG DRINKING I Think INTERNET MUSIC PERSONAL Photo Words&Tips

October 21, 2006

サムネイルをクリックするとlightbox効果で画像を表示してくれるGreased Lightbox

スポンサード リンク

greasedlightbox.png

Greased Lightbox ? shifting pixelで紹介されているgreasedlightbox.user.jsは、サムネイルから写真を表示する場合などに、背景を暗くしてリンク先の写真を同じページ内に表示するというlightbox効果手軽に利用できるGreasemonkeyユーザースクリプトです。

FlickrGoogle イメージ検索などで見てみるとわかりやすいでしょう。

リンク先が画像ファイルになっている場合は、この効果が得られます。カーソルキーの ← → で次の画像の表示ができます。また、+ で拡大、- で縮小という感じになります。写真以外の部分をクリックするかESCキーを押すと元に戻ります。視覚的にかっこいいというのと、いちいち先のページを開いて戻る必要がなくなるのでいいかもしれません。表示方法がかっこいいというのが一番か。

お試し用に画像を以下に。

irish_stew_s.jpgangel_plate_s.jpgangel_front_s.jpginside_the_angel_s.jpg
frigo_s.jpgfrigo_shamrock_s.jpgfrigo_salad_s.jpgfrigo_moule_s.jpgfrigo_chicken_s.jpg
belgo1_s.jpgbelgo2_s.jpgbelgo3_s.jpgbelgo4_s.jpg
hub_ikebukuro_s.jpghub_ikebukuro2_s.jpghub_ikebukuro3_s.jpg
guinness_at_hub_shibuya1_s.jpgguinness_at_hub_shibuya2_s.jpgguinness_at_hub_shibuya3_s.jpgguinness_at_hub_shibuya4_s.jpg
belgo_kanban_s.jpgbelgo_guinness_s.jpgbelgo_pizza_s.jpg



Posted by kengo at October 21, 2006 09:08 PM | TrackBack | INTERNET | Blog Search | English | QR | append.gif このエントリーを含むはてなブックマーク | delicious.gif buzz.png Skype のテキストチャットでコメントする

Comments
Post a comment
Note to spammers: Any URL in Comment is No effect on your Google PageRank. And your inappropriate comments will be deleted and blacklisted and IP will be Banned.

My status
callstart24x24.png message24x24.png voicemail24x24.png addcontact24x24.png info24x24.png
世界中どこでも無料通話!Skype.com



mailicon2.png
メールの場合はこちらまで

Google Talk からメッセージを送る
gtalkcall.png Call gtalkchat.png Chat


タイトルと URL をコピーして貼り付けてください
Donations
Paypalやはてなポイントを利用したDonationを歓迎します。

はてなポイント



Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.1 Japan License.
t eXTReMe Tracker