物欲とその仲間たちの記録 -かめっこの物欲まかせな暮らしぶり-

2008年02月08日

FancyZoom を導入してみた

画像サムネイルクリックで大きな画像を表示するようにしてるんだけど、
いちいち遷移してだるいなぁと思っていた所に、
GIGAZINE様がステキな物を紹介してくれてました。

スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」

サムネイルをクリックすると、Leopard の QuickLook みたいに表示してくれます!
こりゃ便利だ!

※付属画像の置き場所は、FancyZoom.js 44行目の「var zoomImagesURI」の値を変更すればOK

DSC_0862.jpg
画像をクリック!
※写真は「神田 江戸ッ子寿司」の激ウマ太巻き

18:44その他5コメント0トラックバック

トラックバック

このエントリーのトラックバックURL
http://www.extype.com/mt/mt-tb.cgi/800

コメント

個別記事ページだと、動作してないみたいだよ。
onload="setupZoom()"がbodyにないみたい。

投稿者 kawachi : 2008年02月08日 20:10

おぉ!
指摘ありがとう!
早速なおしましたぁ

投稿者 かめっこ : 2008年02月08日 20:24

右にあるFLASHのガジェットが画像より上に来ちゃうのはおいらのPCだけか!orz

投稿者 Pippo : 2008年02月08日 21:46

ボクのSafariでは、ロゴが上にきちゃう...orz
ナンデダー

投稿者 かめっこ : 2008年02月09日 22:39

いきなりコメントごめんなさい。

この機能を使いたいのですが、どうも画像がついてきてくれません。
>※付属画像の置き場所は、FancyZoom.js 44行目の「var zoomImagesURI」の値を変更すればOK

これはどう変更すればよいのでしょうか。
教えていただきたいですm(__)m

投稿者 初めまして : 2008年11月11日 18:36




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)