更新日: 2014年10月15日
jQuery & JavaScript

マウスオーバーでリンク先URLページをプレビューするjQueryプラグインまとめ

マウスオーバーのアクションで、リンク先URLのページをプレビューする機能を実装したいので調査しました。WordPress 管理画面の”Generating Preview…”で実装されているような、リンク先URLに実際に移動せずに、リンク先ページの内容をポップアップで確認できる機能。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

Jquery Live Link Preview Plugin

Jquery Live Link Preview Plugin
A LIVE link preview window for links on hover over using Jquery and CSS3

Live Link Preview という名前ですし、またデモページで動作を確認したところ、サムネイルキャプチャーなどを行わずに実際のページをライブ＆ポップアップで表示しているようです。

GitHub の readme を読んだところ、使い方も簡単でかなり良さ気。今回の私の用途目的に合っていますので、まずはこの jQuery プラグインを試してみようと思います。

HeartRails Capture

リンク先をサムネイル画像で表示してくれるjqueryプラグインの簡単設置 | JUMP-UP.INFO
ASCII.jp：最終日：リンク先のサムネイルを自動的に表示しよう (1/2)｜【短期集中連載】この冬作ろう！jQueryプラグイン講座
 HeartRails Capture | サムネイル画像／PDF ファイル作成サービス

HeartRails Capture は、リンク先ページをサムネイル画像化してプレビュー機能を実現できるっぽいです。capture.heartrails.com で提供されている画像APIを使うらしい。Jquery Live Link Preview Plugin が上手くいかない場合は、これを使ってみよう。