画像関連
【jquery-focuspoint】フォーカスポイントを決めて、ポイントを中心に切り抜くjQueryプラグイン

画像全体を縮小してレスポンシブ対応させるのではなく、重要な部分を予め定義しておき、その部分はかならず表示するというような処理をおこなうプラグインです。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari07.InternetExplorer808.InternetExplorer909.InternetExplorer10

Tag

レスポンシブ

設置方法などの参考ページ

画像の重要な部分をベースにレスポンシブ化できる「jquery-focuspoint」:phpspot開発日誌

http://phpspot.org/blog/archives/2014/09/jqueryfocuspoin.html

PHP/HTML5/CSS3/JavaScript/CSS等の最新技術情報をお届け

http://hidef.jp/post-576/

[JS]レスポンシブ対応の画像表示テクニック!見せたい箇所を中心にクロップして表示させるスクリプト -FocusPoint

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-focuspoint.html

画像をデスクトップの広いスペースではそのまま表示し、スマホやタブレットなどの狭いスペースでは指定した箇所を中心にクロップして表示する、レスポンシブ対応の画像をクロップするjQueryのプラグインを紹介

Page Top