[JS]大量の画像コンテンツに便利！ サムネイルを自動生成するスクリプト -NailThumb
大きいサイズの画像から、クロップやリサイズなどして小さいサイズのサムネイルを自動生成するjQueryのプラグインを紹介します。 サムネイルはテキスト配置やさまざまなエフェクトにも対応しています。 jQuery NailThumb [ad#ad-2] NailThumbのデモ NailThumbの使い方 NailThumbのデモ NailThumbは元画像のアスペクト比を維持したまま、クロップやリサイズをしてサムネイルをスクリプトで生成します。 サムネイルはさまざまなフォーマットが用意されています。 キャプション テキストをオーバーレイで表示することもできます。 NailThumbの使い方 NailThumbの基本的な使い方は、サムネイル用のコンテナとサムネイルのサイズ設定です。 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <script type="text/
画像のサムネイル作成をオンライン上でできる「MakeAThumbnail」
サムネイル画像をサクっと作ってサイトに掲載したい時、まずサムネイル作成 フリーソフトなどを使い、できた画像をサーバーへアップロードして、そのURLをHTMLに貼り付けるという手順が発生しますよね。 今回は、そのような手順をおもいっきり簡素化してくれるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サムネイル画像の生成をオンライン上でおこなえる「MakeAThumbnail」 「Make A Thumbnail」は、画像をアップロードして、サイズを選択すると、画像のサムネイルを表示するタグやURLを発行してくれるサービス。 1MB以下のJPEGとPNG形式の画像に対応しています。 サンプルサムネイル ↑このような画像のサムネイルを、発行されたタグを貼り付けるだけで表示させる
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
WingMemo: サムネイルリストからブログ記事（エントリー）にリンクを張る (MT４用)
MT4サイドバーのサムネイルリストはデフォルトでは直接画像へリンクが張られています。それはそれでいいのですが、ブログの内容や方針によっては、画像ではなく、画像のあるエントリー記事へリンクを張りたいと思うことはありませんか。 これが実は出来るんです。MT4には「自動でサムネイルを作って、そのサムネイルから自動で記事へリンクを張る」機能があるんです。これには<MTEntryAssets>タグを使います。MTタグだけで実現できてしまうので、すごい便利です。 ■カスタマイズの前に…画像と記事の関連性について まずはおさらい。特定のブログ記事（エントリー）にどの画像が属しているのか知るためには、画像とブログ記事（エントリー）が何らかの形で紐付けられていなければならないのですが、MT4の場合はユーザーが自分で何かしなくても画像挿入時に実はもう既にちゃんと関連付けがされているのです。MT4になってから、
PHPで複数の写真を一括サムネイルにするサンプル:phpspot開発日誌
PHP multiple photo thumbnail generator - AnyExample.com Built-in PHP library gd does not have ready-to-use function for photo(jpeg) thumbnail generation. PHPで複数の写真を一括サムネイルにするサンプルが公開されています。 <?php function thumbnail_calcsize($w, $h, $square){ $k = $square / max($w, $h); return array($w*$k, $h*$k); } $params = array( array('size' => 200, // first thumbnail, should fit in square 200x200 'file' => 'thu
PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」:phpspot開発日誌
Index of /projects/phpThumbnailer PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」 PHP+GDな画像のサムネイル作成って結構面倒だったりしますが、配布されているThumbnail クラスを使えば超簡単にサムネイルが作れます。 配布パッケージ内に、class.Thumbnail.phpが含まれていて、次のようなサンプルプログラムで簡単に画像のサムネイルを生成できます。 <?php include("class.Thumbnail.php"); $tn_image = new Thumbnail("sample.jpg", 300, 300, 0); $tn_image->show(); ?> プログラムでは、sample.jpg のサムネイルを 最大幅 300px, 最大高さ 300px のサイズで作成し、画面に出力します。 Th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインに優れたサイトのサムネイルギャラリー ≪ サムネイルクラウド ≫ | ホームページのネタをお探しのデサイナーへ
サムネイルAPI