jQueryで作るポップアップウィンドウ「prettyPopin.js」

pop0811191.jpg

Stéphane Caronより、jQueryで作るポップアップウィンドウ「prettyPopin.js」の紹介です。

デモページはコチラから

設置方法は、「prettyPopin.js」をダウンロードして、head要素に<script src="js/jquery.prettyPopin.js" type="text/javascript" charset="utf-8"></script>のように設置し、ポップアップにしたい対象のオブジェトにrel属性を使用して、rel="prettyPopin"のように設置するだけです。

サンプルHTML


<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPopin.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPopin.js" type="text/javascript" charset="utf-8"></script>

サンプルHTML


<a href="ajax/regular.html" rel="prettyPopin">Regular content</a>