エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント8件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[JS]レスポンシブ対応の画像表示テクニック!見せたい箇所を中心にクロップして表示させるスクリプト -FocusPoint
画像をデスクトップの広いスペースではそのまま表示し、スマホやタブレットなどの狭いスペースでは指定... 画像をデスクトップの広いスペースではそのまま表示し、スマホやタブレットなどの狭いスペースでは指定した箇所を中心にクロップして表示する、レスポンシブ対応の画像をクロップするjQueryのプラグインを紹介します。 FocusPoint -GitHub 左:オリジナルの画像 右上:画像の中央をクロップ、右下:FocusPointで指定した箇所を中心にクロップ FocusPointのデモ FocusPointの使い方 FocusPointのデモ デモでは、画像をさまざまなサイズにクロップし、指定した箇所を中心に表示しています。 高さが狭い横長だけでなく、幅が狭い縦長でもOKです!
2017/05/18 リンク