マウスオーバーで画像の拡大ーメモ

2014.2.10　深夜

マウスオーバーで画像の拡大ーメモです。
マウスオーバーで画像の拡大ーで検索をかけると様々色々出てきます。
1枚だけの画像ならHTMLでの記述でもいいのですがズラズラと並んだ画像にマウスが移動しただけで画像が大きくなるようにするにはそれなりの技が必要になります。
クリックをして大きくするのは「Lightbox 2.0」でもいいのでしょう。
すでに使ってもおりますが、どうも・・・・・・
(Ligftbox 2.0 の場合は別に画像のファイルが必要だったり色々ややこしいのです。)
今回、再び探しました。
幾つか候補を絞ってコードをDLして実際にページを作ってきちんと動くかどうかやってみました。
結果、BlackFlagさんの「jQueryで画像ロールオーバー時にその場でシンプルに拡大表示するイメージビューアーのスクリプトサンプル」を参考にしました。
上記のコードを使うと別ファイルの必要もなく比較的すんなり出来ます。
ソチでオリンピックで開催中ですね。
メダルは取れれば嬉しいですが取れなくても精一杯頑張っている選手を見ると元気をもらえます。
頑張れ!日本。