Popeye - 画像をインラインLightbox風その場でで円滑に拡大・縮小できるjQueryプラグイン

<link rel="stylesheet" type="text/css" href="jquery.popeye.css" media="screen" />
<link rel="stylesheet" type="text/css" href="jquery.popeye.style.css" media="screen" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.popeye-2.0.4.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
    var options = {
        caption:    false,
        navigation: 'permanent',
        direction:  'left'
    }
    $(#ppy1).popeye(options);
});
</script>

<div id="ppy1">
<ul class="ppy-imglist">
    <li>
        <a href="/img/大サイズの画像.jpg"><img src="/img/小サイズの画像.jpg" alt="" /></a>
        <span class="ppy-extcaption">
            HTML説明文
        </span>
    </li>
    <li>...</li>
</ul>
</div>