コニファ・ロゴ

csstest:jQueryプラグイン nailthumb.jsを使って、画像のサムネール自動作成

class名を"nailthumb-container square-thumb"にした<div>要素の中に元画像のurlを入れておくだけで、サムネール画像を自動作成してくれます。サムネール画像のサイズは、cssの ".square-thumb"の値で設定できます。
次が自動作成されたサムネール画像(縦横100px)です。

次の画像が元のサイズです。

 

 

 

戻るボタン