気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
画像を生成せずにサムネイル風に小さな画像を表示·jQuery NailThumb MOONGIFT
82 users
www.moongift.jp
www.moongift.jp
www.moongift.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
jQuery NailThumbはWeb上でCSSによる画像サムネイル風表示を実現するjQueryライブラリです。 Webサイト... jQuery NailThumbはWeb上でCSSによる画像サムネイル風表示を実現するjQueryライブラリです。 Webサイトで画像を縮小して表示したい場合、ImageMagickなどのサーバサイドの技術を使うのが一般的です。しかしjQuery NailThumbを使えばクライアントサイドだけで高度なサムネイル風表示を実現します。 デモです。左側が元画像、その右側にサムネイル化した画像が表示されています。 正方形の他に縦横比の固定、横幅優先といった指定もできます。 縦長の画像の場合、横幅優先にすると自動的に左右に空白が入ります。 こちらは切り取りです。 他にもサンプルが多数あります。 画像の量にもよりますが思ったよりも負荷は少ないように感じられます。jQuery NailThumbはCanvasで画像生成という訳ではなく、CSSを使って画像を擬似的に縮小表示しています。その際の配置やサイ
%26utm_content%3Dlivedoor)
www.moongift.jp
www.moongift.jp
www.moongift.jp
www.moongift.jp
www.famitsu.com
levtech.jp
kyoko-np.net
blog.tinect.jp
zenn.dev/yareyare
www.itmedia.co.jp
note.com/aatoku
kaminashi-developer.hatenablog.jp
info.zenn.dev
tech.layerx.co.jp
forest.watch.impress.co.jp
nishiohirokazu.hatenadiary.org
security.srad.jp
engineers.ntt.com
inside.pixiv.blog
meetscareer.tenshoku.mynavi.jp
studyhacker.net
2012/05/09 リンク