skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

FacebookのWallを表示できるjQueryプラグイン「Facebook Wall」

巷で流行りのFacebookですが、このWall部分を表示できるプラグインを紹介します。
シンプルな名前の通り、導入もシンプルです。
via:Facebook Wall

sponsors

使用方法
Facebook Wallからファイル一式をダウンロードします。
<link href="jquery.neosmart.fb.wall.css" rel="stylesheet" type="text/css"/>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jquery.neosmart.fb.wall.js" type="text/javascript"></script>
<script>
$(function () {
$('#id名').fbWall({
id:'facebookのID',
max:5, //表示件数
showComments: true, //コメントを表示するか
useAvatarAlternative: false, //代替アバターを表示するか
avatarAlternative: '/avatar-alternative.jpg', //代替アバター画像
avatarExternal: '/avatar-external.jpg' //外部のアバター
});
});
</script>

上記を記述したらあとはid名でくくれば完成です。
<div id="id名"></div>
FacebookのWallを表示できるjQueryプラグイン「Facebook Wall」サンプル

sponsors

「FacebookのWallを表示できるjQueryプラグイン「Facebook Wall」」をシェアする

記事作成:
記事URL:

TOP > > > FacebookのWallを表示できるjQueryプラグイン「Facebook Wall」

前の記事:
次の記事:白ベースのECサイト8選

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more