長方形の画像を正方形に切り出してサムネイルとする (画像サイズばらばらの場合＆CSSのみで実装) - くろまほうさいきょうでんせつ

テクノロジーカテゴリーの変更を依頼記事元:

calpo.hatenadiary.org

9 usersがブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

mirinon 後でやってみる

デザイン

2013/06/12 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

長方形の画像を正方形に切り出してサムネイルとする (画像サイズばらばらの場合＆CSSのみで実装) - くろまほうさいきょうでんせつ

2011/05/17 画像タグのみ版追加→CSSだけでサイズ不定画像の中央を正方形に切り抜きサムネイル (かんたん... 2011/05/17 画像タグのみ版追加→CSSだけでサイズ不定画像の中央を正方形に切り抜きサムネイル (かんたん！) 長方形の画像の中心部を正方形に切り出してサムネイル表示したいんだけど、縦横比が定まってない画像の場合ってどうやって中心部を切り出したらいいかしらね、という話。画像の縦横比が分かっている(一定である)場合このケースであればoverflow:hiddenな枠で画像を囲って位置を調整してあげればOK。特に問題は無いでしょう。 ↓等が参考になるかと思います。 http://www.multi.ne.jp/staff_note/2008/10/000543.php 画像の縦横比が不明だったり画像ごとにばらばらな場合前述の方法だと、画像の真ん中辺を表示するために何pxずらして表示すればいいのか分かりません。できるエンジニアなら「じゃぁサーバーサイドでやるわ」とか「JavaScr

ブックマークしたユーザー

kimu122014/03/28
nebokegao2014/01/28
mirinon2013/06/12
kanemu1117nc2012/09/26
kugibin2012/07/14
asyst2011/12/13

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx