プラグイン適用前

img01

プラグイン適用後

img01

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.jpolaroid.minified.js"></script>
<script>
	$(window).load(function(){
		$('#img01').polaroid(); 
	});
</script>


//オプション一覧
tape:true,
shadow: "left-bottom",
bottom: "33px",
top: "22px",
left: "27px",
right: "27px",
shadowPos: "bottom-right",
shadowColor: "#CCCCCC",
backgroundColor: "#FDFDFD"
<p class="caption">プラグイン適用前</p>
<p class="img-box"><img src="<PATH>/img05.jpg" alt="img01" /></p>

<p class="caption">プラグイン適用後</p>
<p class="img-box"><img id="img01" src="<PATH>/img05.jpg" alt="img01" /></p>

jPolaroidについて

jPolaroidは、普通の画像にポラロイド風の装飾をしてくれるプラグインです。
画像をちょっとリッチにしたい時にいかが?
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスGPL
対応ブラウザ

関連するjQueryプラグイン

  • puffy

    puffy

    画像が飛び出すようなアニメーションを付けることができる

  • lake

    lake

    canvasタグを利用して景色を反射した湖面を再現

  • tiltShift

    tiltShift

    画像にミニチュア風に見えるエフェクトをかけられる

  • SPOILERALERT

    SPOILERALERT

    、画像や文字をぼかしたりマウスオーバーやクリックでそのぼかしを解除したりできる

  • galleryFocus

    galleryFocus

    マウスオーバーした部分の画像周辺のみをはっきりと表示させる