リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

2015.06.22

Mini Previewsは指定したリンクにホバーするとリンク先のプレビュー画面を見ることができるjQueryプラグインです。リンク先がどんなページなのかをサクッと知ることができるのでとても便利ですね。

Mini Previews

以下はMini Previewsのデモページです。

テキストリンクにホバーするとミニプレビューが表示されます。さりげないアニメーション表示がいい感じです。

こんな感じで幅や高さを指定してセッティングすることができます。

$('a').miniPreview({
    width: 256,
    height: 144,
    scale: .25,
    prefetch: 'pageload'
});

プレビューでリンク先のサイトの雰囲気や簡単な全体像を把握することができるので、訪れるかどうかの判断材料の一つとして役立ちますね。