エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider
実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています（褒め言葉です）。こんな 事もflashを使わないで出来るんだなー、と 素直に関心したので、同じ気持ちで見て 頂けたら嬉しいです。 エフェクトはかなり多く用意されており、どれもなかなか派手な印象です。これだけのエフェクトをクロスブラウザに対応させているのもちょっと驚きです。※IE6にも対応とあるのですが、現在諸事情で確認出来ませんので対応してなかったらごめんなさい。 えらいこっちゃ・・なエフェクトばかりです。エフェクトはかなりの数が用意されており、１つのエフェクトも細かい設定が可能になっています。 まずはエフェクトの一部を無言でご紹介します。 ちょっとヒーローとかの変身シーンみたいな感覚です・・実際に動きを見てもらうと、いかに無駄にすごい動きか
JavaScriptで画像にさまざまなエフェクトがかけられる『JSManipulate』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
[JS]HTML5 Canvasを使って、画像にさまざまなエフェクトを与えるスクリプト -CamanJS
デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 CamanJS Document Creating a Plugin [ad#ad-2] CamanJSの実装 「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
