2008年02月08日
FancyZoom を導入してみた
画像サムネイルクリックで大きな画像を表示するようにしてるんだけど、
いちいち遷移してだるいなぁと思っていた所に、
GIGAZINE様がステキな物を紹介してくれてました。
スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」
サムネイルをクリックすると、Leopard の QuickLook みたいに表示してくれます!
こりゃ便利だ!
※付属画像の置き場所は、FancyZoom.js 44行目の「var zoomImagesURI」の値を変更すればOK
![]()
画像をクリック!
※写真は「神田 江戸ッ子寿司」の激ウマ太巻き
このエントリーのトラックバック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