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

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

sponsors

使用方法

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名">

サンプル


Javascriptサンプルページ一覧
skuare.net

sponsors