skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

ポラロイド風の画像に加工するjavascript「Instant.js」

ホームページ上で画像を使用する時に、そのまま掲載すると寂しいと感じるものがあります。
そんな時NetzGesta.deInstant.jsを使用すると簡単にポラロイドで撮影したかのような枠を付けて表示してくれます。

sponsors

使用方法
Instant.jsからダウンロード・解凍したファイル群のうち、instant.jsをアップロードし、head内に埋め込みます。
あとはimgのclass属性にinstantを付与すれば完成です。
オプション
・影の透明度:ishadow(0?100、デフォルト33)
・枠の色:icolor(HEXで指定、デフォルトf0f4ff)
・傾きの方向:itiltleft(左向き)、itiltnone(傾きなし)、itiltright(右向き)
ポラロイド風の画像に加工するjavascript「Instant.js」サンプル

sponsors

「ポラロイド風の画像に加工するjavascript「Instant.js」」をシェアする

記事作成:
記事URL:

TOP > > > ポラロイド風の画像に加工するjavascript「Instant.js」

前の記事:
次の記事:Movable Typeのコメントフォームに大きさを調整するボタンを付ける

JavaScript

read more

Column

read more