FocusPoint

JavaScript

画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

FocusPointというjQueryプラグインを使えば、画像の指定した部分を中心にレスポンシブ化することができます。ブラウザ幅を縮小した時に画像の中の見せたい部分が上手く中心に来るようにすることが可能です。とても便利ですね。

[ads_center]

FocusPoint

実際のデモを確認したい方は以下からどうぞ。

FocusPoint

デモ

デモではトカゲの目がフォーカスポイントになっています。なので、画面の横幅を縮小すると、以下のように目を中心にレスポンシブ化します。

FocusPoint

単純にレスポンシブに対応させるだけだと画像全体が縮小されますが、それだと例えばスマホで見た場合ちょっと小さくて分かりづらかったりしますよね。

FocusPoint

mmenuスマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」前のページ

Inateck社のUSB3ポートハブ + SDカードリーダー「HB4008」が実用的でとてもいい!次のページHB4008

関連記事

  1. jquery-steps

    JavaScript

    ステップ式のウィザードを実装できるjQueryプラグイン「jquery-steps」

    jquery-stepsは、ステップ式のウィザードを実装することができ…

  2. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  3. Simple Sidebar
  4. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

  5. no-image

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP