ポラロイド風の画像に加工するjavascript「Instant.js」
ホームページ上で画像を使用する時に、そのまま掲載すると寂しいと感じるものがあります。
そんな時NetzGesta.deのInstant.jsを使用すると簡単にポラロイドで撮影したかのような枠を付けて表示してくれます。
使用方法
Instant.jsからダウンロード・解凍したファイル群のうち、instant.jsをアップロードし、head内に埋め込みます。
あとはimgのclass属性にinstantを付与すれば完成です。
オプション
- 影の透明度：ishadow（0〜100、デフォルト33）
- 枠の色：icolor（HEXで指定、デフォルトf0f4ff）
- 傾きの方向：itiltleft（左向き）、itiltnone（傾きなし）、itiltright（右向き）
サンプル
左から順に
- デフォルト（class="instant"）
- 傾きなし／影70（class="instant itiltnone ishadow70"）
- 傾き左／枠の色#000000（instant itiltleft icolor000000）
Javascriptサンプルページ一覧
skuare.net