Blog

写真を自動的に加工してくれるjQuery「vintage.js」

2012.10.17Cat:jQuery デザイナー

Instagramがちょっと前に流行り(今もかな?)、またそのようなアプリがいろいろ出ており、
写真を加工するのがちょっとデフォルトになっている気がする昨今ですが、

今回、写真をInstagramのように加工してくれるjQueryのプラグインを紹介します。

その名も「vintage.js」といいます。

ダウンロードは下記URLからどうぞ。

https://github.com/rendro/vintageJS/

デモを作成してますので、そちらをぜひご覧ください。

DEMO

デモでは一枚目は、自動的に加工してくれるようにしていますが、
他の写真は、クリックすると加工されるようになっています。

使い方は非常に簡単です。

「vintage.js」の使用方法

まずは、下記をhead内に記載します。

そしてその下辺りに、
以下を記載します。

そしてHTMLはclassをつけるだけです。

オプションで、微調整ができるようです。

なかなか風合いの良い写真になりますね!

やはり写真はサイトにとって重要な要素なので、
見栄えが良い方がいいですね!

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ