Build Internet!で、Elastic Thumbnail Menuというサムネイルをスムーズに拡大するjQueryが紹介されています。
これはかなりいいですね。マウスオーバーすると、うにゅ、うにゅっとサムネイルが拡大します。動きがとても気持ちいい。
デモは以下から。
imgを覆うアンカーにクラスを指定して、CSSでスタイル、そしてjQueryで動きをつけているようです。
IEのfixについても書かれていますね。以下のソースをCSSに書くことで問題ないようです。
img { -ms-interpolation-mode: bicubic; }
ぜひ見てみてください☆
Editor's Note
無性にWPが触りたくなってきたぞ。ちょいいじってみようかな。
Related Entry
- Lightview - 実装が容易でクールな画像オーバーレイスクリプト
- 画像周りのjQueryプラグイン10
- デザイナー・デベロッパーのためのjQueryプラグイン30
- jQueryでアニメーションさせた静的なサイト
- jQueryを使ったストレッチする背景画像
- かっこいいイメージスライダー集
