Javascriptで画像をポラロイドっぽくする方法

【この記事の所要時間 : 約 2 分

画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」

画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」
次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。
使い方は、まず、<script type="text/javascript" src="instant.js"></script> でinstant.js を読み込んで、
画像にclass属性 (instant 、itiltleft 、icolor000000 、 ishadow50) といった値を設定するだけのようです。
いちいち画像を加工する手間が省け、単体で画像を貼っただけよりもオシャレな効果が得られるので便利ですね。

ということで、試してみた。
ほんとに手軽に加工できる。
ブログのテンプレートにInstant.jsを読み込めるようにしておけばあとは簡単。




ちなみにMTを使っていて、確認画面でInstant.jsが読み込まれないために、見栄えが違う!と思っている方は、以下の方法で問題解決可能です。
MT のエントリー確認画面を構築後の画面と同一にする方法
/lib/MT/App/CMS.pm の sub preview_entry メソッドを編集することで、サイトの見栄えが構築後とほぼ同じようにできます。

スポンサーリンク
レクタングル(大)広告
  • このエントリーをはてなブックマークに追加
スポンサーリンク
レクタングル(大)広告

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です