JavaScriptサンプルテスト：写真をポロライド風に！　- instant.js -

創るmetaboy
- いろいろ創っていろいろ試して、いろいろ学ぶ。創るためのネタと記録。 -

[提供URL：] http://www.netzgesta.de/instant/

[配布物：]instant.js 本体、サンプル用画像数種
　※ところが下記レポートにあるように、このサイトからはうまく取得できなかった

[ダウンロード：]　上記URLにアクセスし

　からダウンロード

　＞　解凍
　　　※ところがここでエラー
　　　　紹介にあるような、instant.js は出てこない
　　　　・（カスタマイズ用？か）cvi_instant_lib.js　というファイルと
　　　　・複数の画像が入った images フォルダ　のみ
　　　　　※この画像の解凍途中で何度やってもエラー(what.jpg か？）

　しかたがないので、他のサンプル提供されているサイトから取得

[実施：]
１：使用するHTMLのヘッダに以下を記述


　・*** は適時環境に合わせて

２：上記の場所に
　instant.js をアップロード

３：使用したい画像に　class 属性で

これだけ！

　超簡単！

４：オプションはいろいろ用意されていて
　（class 属性に　半角空けて併記する）
　主なものは

　[画像を左右どちらに傾けるか または　傾けないか]
　　・傾けない = itiltnone
　　・左に傾ける = itiltleft
　　・右に傾ける = itiltright
（例）


　[画像の下の　影の濃さ]
　　・ishadow　を利用
　　・濃さは数値で併記
（例）


　[画像枠の色]
　　・icolor　を利用
　　・rrggbb形式のカラーコードを指定
（例）


５：注意　　80*80ピクセルより小さい場合は画像加工されないそうだ

まだまだ、instant.js の内部カスタマイズでいろいろな表現できそうだ。
すばらしい、ありがとうございました。

INSTANT.js

　　　　　　

創るmetaboy - いろいろ創っていろいろ試して、いろいろ学ぶ。創るためのネタと記録。 -