最近、Javascriptのネタばかりですが、今回もJavascriptです。以前から作っているスライドショーで画像が切り替わるときの効果がなくて寂しかったので、切替時の画像の動きを何パターンか作りました。
使い方は、右側のボタンを押すと、指定の効果で画像が切り替わります。画像切替え処理をしているときに、ボタンを押しても画像が動かないでの注意してください。一つの切替に約４秒から６秒ほどかります。この時間は、メソッドの引数で設定できます。今回は、自動で切り替わる処理を入れていません。
使い方の詳細は下記のようになります。
JavaScript イメージフィルターの効果
注意 一つの処理が完了するまで次の処理ができないようになっています。「ズームイン」は少し遅いかもしれません。
ソースコードは、以下のようになっています。もし良かったら参考にしてください。
tar形式でダウンロード
zip形式でダウンロード
