jquery弹出层pirobox(酷!推荐)

 查看演示  website  立即下载

jquery弹出层pirobox可根据图片大小自动缩放，调用非常简单.

使用步骤

引用：

<link rel="stylesheet" type="text/css" href="css/sansation/stylesheet.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/pirobox_extended.js"></script>

js

piro_speed :打开速度；
bg_alpha:弹出遮罩背景透明度;

 <script type="text/javascript">
$(document).ready(function() {
    $().piroBox_ext({
    piro_speed : 700,
        bg_alpha : 0.5,
        piro_scroll : true // pirobox always positioned at the center of the page
    });
});
</script>

在要弹出链接 a标签中加入 rel="gallery"  class="pirobox_gall"  

如下

<a href="img/26.jpg" rel="gallery" class="pirobox_gall" title="Curious kitten."> <img src="img/26s.jpg" /> </a>

PREVIOUS:
NEXT:
谷歌NEXUS网站菜单
jquery弹出层兼容所有浏览器