[JS]画像にレトロ調のエフェクトがかけれるjQueryプラグイン「vintageJS」


20110501 01

JavaScriptだけで画像にレトロ調のエフェクトがかけれるライブラリを見つけたのでご紹介。

IT/WEB業界への転職なら求人サイトGreen

一瞬で画像をinstagr.am風にする事が可能です。

サイトを訪れるとデモがあり、自由に画像アップロードして試す事ができます。

使ってみた様子

20110501 02

↑元写真

20110501 03

↑エフェクト後。これがJSだけで処理できるのがすごい。

使い方

githubからファイルをダウンロードして、JSとCSSを読み込みます。

<script src="src/jquery.js"></script>
<script src="src/vintage.js"></script>
<link rel="stylesheet" type="text/css" 
href="css/vintagejs.css" media="all" />

その後、エフェクトを適用したい画像を指定するだけです。

$(function () {
    $('img.vintage').click(function () {
        $(this).vintage();
    });
});

動作するブラウザはFF3+、Chrome9+、Safari5+、Opera11+、IE9+との事。

興味のある方は下のリンクからどうぞ。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly