jQueryを使ってマウスオーバ時に画像プレビューを実装する方法『Easiest Tooltip and Image Preview Using jQuery』

« 素晴らしいAjax + CSSフォーム47選『47+ Excellent Ajax CSS Forms』 | トップ | スライドするドアのように使いやすいボタンをCSSで作る方法『Make fancy buttons using CSS sliding doors technique』 »

_jQuery | 08.05.12 08:12
はてなブックマーク

Easiest Tooltip and Image Preview Using jQuery

サムネイルをマウスオーバ時に画像を拡大したい。

そんなときにおすすめなのが、『Easiest Tooltip and Image Preview Using jQuery』。jQueryを使ってマウスオーバ時に画像プレビューを実装する方法だ。

このエントリーでは、サムネイルのマウスオーバ時に画像を拡大する方法や、リンクテキストにマウスオーバするとスクリーンショットを表示する方法が紹介されている。

マウスオーバ時の画像を用意する形だが、表示のされ方がとてもスムーズだったり、タイトルをつけられたりするなど、きちんと実装したい場合に便利だろう。

jQueryを使ってマウスオーバ時に画像プレビューを実装する方法、チェックして使っていきたいですね。

Editor's Note

ディスタービアを観ました。めちゃめちゃおもろい。
サラ・ローマーが美しすぎてノックアウトでした。。

あとジムに2回行って、夜は海老とほうれん草と小松菜を炒めてとかなり健康的な一日だった。めちゃおいしかったですよ☆

Trackback URL :

Comment

    Thinkstock
    Newsletter

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    Archive

    Category

    Popular Entries

    Archive

    Category