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

2007

07/29

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

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

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加するこのページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

前の記事:画像に反射効果を与えるjavascript「Reflection.js」
次の記事:Movable Typeのコメントフォームに大きさを調整するボタンを付ける


コメント投稿












ポラロイド風の画像に加工するjavascript「Instant.js」に関するコメントはまだありません。
ご遠慮なくコメントしてください。

この記事へのトラックバック:

トラックバック一覧


Random Entry Images

[jQuery]PassMeter jQuery plugin
javascriptライブラリ「mootools」でポップなメニューを作成する
[jQuery]HoverImageText
フォームを彩るjavascript「mooFancyForm」

Powered by Movable Type 4.1
RSSリーダーで購読

Copyright © skuare.net All rights reserved.