Mini Previews

JavaScript

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

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

Mini Previews

デモ

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

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

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

Mini Previews

関連記事

  1. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

  2. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

  3. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

  4. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  5. Playful Little Tooltip Ideas
  6. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP