Mini Previews

JavaScript

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

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

Mini Previews

デモ

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

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

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

Mini Previews

関連記事

  1. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  2. no-image

    JavaScript

    シンプル・軽量なアナログ時計を実装できる「jsRapClock」

    jsRapClockはシンプルで軽量なアナログ時計を実装できるjQue…

  3. lightgallery.js
  4. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  5. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP