<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/07/hover-zoom.jpg" alt="画像検索でその場にプレビューを開くChrome拡張機能" title="hover-zoom" width="514" height="204" class="aligncenter size-full wp-image-15466" /></p>
<p>画像を見せるサイトや画像検索の結果ページでは、読み込み速度を考慮して、サムネイル画像を掲載し、詳しく見たい場合はクリックして拡大して閲覧するようになっていますよね。</p>
<p>なかにはその場で元画像をポップアップ表示してくれるサイトもありますが、そうではないページで、元画像を見るために、都度画面遷移するのはなかなか面倒。</p>
<p>そんな時に便利なのが、今回ご紹介するGoogle Chrome 拡張機能です。</p>
<!--more-->
<h3 class='header-label'>サムネイル画像をその場で拡大表示する「Hover Zoom」</h3>
<p>「<a class='web-site-link' href="https://chrome.google.com/extensions/detail/nonjdcjchghhkdoolnlbekcfllmednbl?hl=en-US" target="_blank">Hover Zoom</a>」は、<strong>Google 画像検索やFlickrなどの画像検索サイトだけでなく、サムネイル画像を掲載しているサイトの元画像を、その場でプレビュー（拡大）表示</strong>してくれるChrome拡張機能。</p>
<p>楽天やヤフオクなどは対応していないものの、不動産サイト（HOME'S）などでも使えるため、画像を詳しく見たい時にサクサク見られるのが非常に便利です。</p>
<h4 class='tips'>サムネイル画像をその場で拡大プレビュー</h4>
<p><img src="http://web-marketing.zako.org/images/2010/07/hover-zoom3.jpg" alt="Flickrでもプレビュー" title="hover-zoom3" width="400" height="218" class="aligncenter size-full wp-image-15491" /><br />↑FlickrやGoogle、Facebookなどのサムネイル画像を、その場でポップアッププレビュー。一度使ったら、二度と手放せないかも！？ｗ</p>
<h4 class='tips'>利用可能な主要サイト</h4>
<ul><li>Facebook</li><li>Flickr</li><li>Wikipedia</li><li>Google</li><li>Yahoo</li><li>Picasa Web Albums</li><li>deviantART</li></ul>
<p>これ以外にも、私の確認した限りでは以下のサイトがあります。</p>
<ul><li>HOME'S賃貸「物件詳細」ページ<br /><img src="http://web-marketing.zako.org/images/2010/07/hover-zoom1.png" alt="HOME&#039;Sの画像拡大プレビュー" title="hover-zoom1" width="400" height="316" class="aligncenter size-full wp-image-15488" /></li><li>じゃらん「フォトギャラリー」ページ<br /><img src="http://web-marketing.zako.org/images/2010/07/hover-zoom2.jpg" alt="じゃらんの画像プレビュー" title="hover-zoom2" width="400" height="239" class="aligncenter size-full wp-image-15489" /></li><li>ホットペッパーFooMoo「店内・外観」<br /><img src="http://web-marketing.zako.org/images/2010/07/hover-zoom4.jpg" alt="ホットペッパーのプレビュー" title="hover-zoom4" width="400" height="209" class="aligncenter size-full wp-image-15494" /></li></ul>
<p>試してみたいかたは、<a class='web-site-link' href="https://chrome.google.com/extensions/detail/nonjdcjchghhkdoolnlbekcfllmednbl?hl=en-US" target="_blank">Hover Zoom</a>のページから拡張機能をインストールしてください。</p>
<p>jQueryのプラグインで、サムネイル画像をクリックすると、その場に拡大表示してくれるものなどがありますが、ブラウザ側で制御できてしまうのも便利ですよね。</p>