• かちびと.net

    スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplzのご紹介です。なかなか珍しいなぁと思ってメモ。便利ですねー。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplz

スポンサーリンク

人気に拍車がかかる写真共有サービス、
instagramと同様に写真にエフェクトを
掛けて共有出来るpicplzも、ちらほらと
ユーザーさんを見かけるようになりました。
そんな中、picplzの写真を簡単に表示
出来るjQueryプラグインが配布されたので
ご紹介。

picplzもinstagram同様にエフェクトを掛けたり、共有したり、他サイトと連携したりと、ほぼドッペルゲンガーなんですが、多少の差もあります。

picplzとは


instagramとの差は殆どありませんが、エフェクトや動作はinstagramのほうが充実しています。picplzは写真がスクエアでなくても投稿出来るのと、PCでのWebでいつでも確認出来る点が良いところですね。

picplz / App Storeへ

そんなpicplzに投稿した自分のステキ写真をブログにも表示したい、という方もいらっしゃるかと思います。そんな時に便利なのがjQueryプラグイン・apPicplzです。

apPicplz


apPicplzは、picplzの写真を自分のサイトに表示させる国産のjQueryプラグイン。こんな感じで羅列させることができます。

コード

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.apPicplz.1.0.min.js'></script>

本体とプラグインを読み込んで下記を設定します。

$( function(){
  $( '#picplz-demo' ).apPicplz({
    username: 'example'
  });
});

マークアップは以下のように。

<div id="picplz-demo"></div>

簡単に導入出来ますね。プラグインと解説は以下になります。

apPicplz

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services