画像を簡単に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を付与するだけです。
<amp-img src="画像パス" class="class名">
画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」サンプル
sponsors
記事作成:2015年10月 2日 07:58
記事URL:http://www.skuare.net/2015/10/instagramjquerysimplefilterjs.html
TOP > javascript > 画像関連 > 画像を簡単にInstagram風に加工!jQueryプラグイン「simpleFilter.js」
前の記事:画像を印象的なドット絵にしてくれるjQueryプラグイン「Breathing Halftone」
次の記事:背景に線を引いて印象的なサイトに!jQueryプラグイン「Lines.js」
あなたにはこちもお勧め!
jQuery プラグインまとめ!