画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」

Instagramのように画像にエフェクトを与えるjQueryプラグインsimpleFilter.js | A jQuery Pluginです
これを利用することにより、さくっと印象的な画像を表示させられます。
画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」サンプル

使用方法 vivialice/simpleFilter.js-A-jQuery-plugin ? GitHubからファイル一式をダウンロード。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.simpleFilter.js"></script>
<script>
$(function(){
$('.class名').simpleFilter({
filter : 'fade', //fade, vintage, greyscale, luxen, subtle, olive, oldtimey
lightleak : 'lightleak01', //lightleak01, lightleak02, lightleak03
shadow : 'drama' //vignette, drama
});
});
</script>

上記を記述したら、対象の画像にclassを付与するだけです。
<img src="画像パス" class="class名">
画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」サンプル

sponsors

「画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」」をシェアする

記事作成:
記事URL:

TOP > > > 画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」